From 86d70ba573286267f7f4fe22ffe1e392db58a0ea Mon Sep 17 00:00:00 2001 From: Alex Xu Date: Sat, 7 Sep 2013 21:21:14 -0400 Subject: fix minor bugs, add opus warn --- setup.sh | 1 + www/css/index.css | 1 + www/index.html | 1 + www/js/api.js | 2 +- www/js/html5ks.js | 3 +++ 5 files changed, 7 insertions(+), 1 deletion(-) diff --git a/setup.sh b/setup.sh index 54daa17..a871278 100755 --- a/setup.sh +++ b/setup.sh @@ -14,6 +14,7 @@ popd trim() { convert -trim "$@" "$@" + optipng -o7 "$@" } trim www/dump/ui/bt-cf-unchecked.png 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 @@
  • You're using Internet Explorer. Please upgrade to any other browser. Firefox and Chrome are both fine options. Nothing will work in IE. I promise.
  • It doesn't seem to support HTML5 video, which means that you won't be able to see any of the videos (obviously). Unless stated below, though, transitions should still work. You should strongly consider upgrading.
  • It doesn't seem to support HTML5 audio, which means you won't be able to hear any of the amazing music. You should strongly consider upgrading.
    • +
  • It doesn't seem to support the Opus audio codec, which is much smaller in size. Unless stated above, you should be able to listen to music using an inferior codec.
  • It doesn't seem to support the @font-face at-rule, which lets us display the Playtime and Gentium fonts used in Katawa Shoujo. Any browser released in the last 2 years or so should support it.
  • It doesn't seem to support CSS transforms, which means that we won't be able to scale the window or show most transitions. Any browser released in the last 2 years ago should work.
  • It doesn't seem to support CSS transitions, which means that almost all animations won't work. Videos should still work though, unless stated above. You should definitely consider upgrading.
    • 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"; -- cgit v1.2.3-70-g09d2