diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/css/index.css | 1 | ||||
| -rw-r--r-- | www/index.html | 1 | ||||
| -rw-r--r-- | www/js/api.js | 2 | ||||
| -rw-r--r-- | www/js/html5ks.js | 3 |
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"; |