fix minor bugs, add opus warn

4 files changed, 6 insertions, 1 deletions

diff --git a/www/css/index.css b/www/css/index.css
index fba9bf3..3790ee8 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -60,6 +60,7 @@ html.js             #warn noscript { display: none; }
                     #warn li#ie { display: none; }
 html.video          #warn li#video { display: none; }
 html.audio          #warn li#audio { display: none; }
+                    #warn li#opus{ display: none; }
 html.fontface       #warn li#fontface { display: none; }
 html.csstransforms  #warn li#csstransforms { display: none; }
 html.csstransitions #warn li#csstransitions { display: none; }
diff --git a/www/index.html b/www/index.html
index 225d3c9..c6b34e4 100644
--- a/www/index.html
+++ b/www/index.html
@@ -35,6 +35,7 @@
           <li id="ie">You're using Internet Explorer. Please upgrade to any other browser. <a href="//getfirefox.com">Firefox</a> and <a href="//google.com/chrome">Chrome</a> are both fine options. Nothing will work in IE. I promise.</li>
           <li id="video">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_video">HTML5 video</a>, which means that you won't be able to see any of the videos (obviously). Unless stated below, though, transitions should still work. <a href="http://caniuse.com/#feat=video">You should strongly consider upgrading.</a></li>
           <li id="audio">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_audio">HTML5 audio</a>, which means you won't be able to hear any of the amazing music. <a href="http://caniuse.com/#feat=audio">You should strongly consider upgrading.</a></li>
+          <li id="opus">It doesn't seem to support the <a href="https://en.wikipedia.org/wiki/Opus_%28audio_codec%29">Opus audio codec</a>, which is much smaller in size. Unless stated above, you should be able to listen to music using an inferior codec.</li>
           <li id="fontface">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face">the @font-face at-rule</a>, which lets us display the Playtime and Gentium fonts used in Katawa Shoujo. <a href="http://caniuse.com/#feat=fontface">Any browser released in the last 2 years or so should support it.</a></li>
           <li id="csstransforms">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms">CSS transforms</a>, which means that we won't be able to scale the window or show most transitions. <a href="http://caniuse.com/#feat=transforms2d">Any browser released in the last 2 years ago should work.</a></li>
           <li id="csstransitions">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">CSS transitions</a>, which means that almost all animations won't work. Videos should still work though, unless stated above. <a href="http://caniuse.com/#feat=css-transitions">You should definitely consider upgrading.</a></li>
diff --git a/www/js/api.js b/www/js/api.js
index 4d746a5..869b1cf 100644
--- a/www/js/api.js
+++ b/www/js/api.js
@@ -55,7 +55,7 @@ window.html5ks.api = {
       audio.src = src + ".opus";
     } else if (Modernizr.audio.ogg) {
       audio.src = src + ".ogg";
-    } else if (Modernizr.audio.aac) {
+    } else if (Modernizr.audio.m4a) {
       audio.src = src + ".m4a";
     } else if (Modernizr.audio.wav) {
       audio.src = src + ".wav";
diff --git a/www/js/html5ks.js b/www/js/html5ks.js
index 502ca75..9ca2bde 100644
--- a/www/js/html5ks.js
+++ b/www/js/html5ks.js
@@ -192,6 +192,9 @@ window.html5ks = {
       if (/MSIE/.test(navigator.userAgent)) {
         document.getElementById("ie").style.display = "block";
       }
+      if (!Modernizr.audio.opus) {
+        document.getElementById("opus").style.display = "block";
+      }
       for (var i = 0; i < warns.length; i++) {
         if (window.getComputedStyle(warns[i]).getPropertyValue("display") !== "none") {
           warn.style.visibility = "visible";