Die Welt ist gar nicht so. » alternativlos http://blog.dieweltistgarnichtso.net Sie ist ganz anders. Mon, 23 Sep 2013 15:41:20 +0000 de-DE hourly 1 https://wordpress.org/?v=4.0.35 Ogg Opus richtig verwenden im HTML-Audio-Element http://blog.dieweltistgarnichtso.net/ogg-opus-richtig-verwenden-im-html-audio-element http://blog.dieweltistgarnichtso.net/ogg-opus-richtig-verwenden-im-html-audio-element#comments Sun, 07 Oct 2012 19:09:19 +0000 http://blog.dieweltistgarnichtso.net/?p=5473 Weiterlesen →]]> Lacher des Tages: Den Podcast Alternativlos gibt es jetzt auch im Audioformat Opus und Fefe erzählt dazu Folgendes:

Die Browser-Integration funktioniert im Moment nur in Firefox 15 und neuer, und die Selektion innerhalb des Audio-Tags funktioniert nicht, und außerdem haben auch noch Ogg Vorbis und Ogg Opus den gleichen MIME-Type, daher sah ich mich gezwungen, eine stinkende Javascript-Browserweiche für Firefox 15 einzubauen.

Da hat wohl jemand das Memo die Doku nicht gelesen! Laut HTML-Standard und RFC 4281 kann man hier nämlich durchaus unterscheiden – in diesem Fall gehört ins type-Attribut der <source>-Elemente audio/ogg; codecs=vorbis (RFC 5334) oder audio/ogg; codecs=opus (Opus-IETF-Draft). Hier ist die Demo.

Nur fürs Protokoll, so geht das:

<audio> <source src=opus.opus type="audio/ogg; codecs=opus"> <source src=vorbis.oga type="audio/ogg; codecs=vorbis"> <source src=mp3.mp3 type="audio/mpeg"> </audio>

Bei Alternativlos 27 sieht das übrigens so aus:

<script> var codec="ogg" if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent) && RegExp.$1>=15) codec="opus" </script> <audio controls preload=none style="padding-top:70px"> <script> document.write('<source src="http://alternativlos.cdn.as250.net/alternativlos-27.',codec,'" type="audio/ogg">') </script> <noscript> <source src="http://alternativlos.cdn.as250.net/alternativlos-27.ogg" type="audio/ogg"> </noscript> <source src="http://alternativlos.cdn.as250.net/alternativlos-27.mp3" type="audio/mp3"> [Browser zu antik] </audio>

Warum das schlecht ist, liegt vor Allem an der Browserweiche: Firefox 15 ist nicht der einzige Browser mit Opus-Unterstützung, Opera 12 kann das auch; wegen solcher Fälle sollte man Daten deklarativ abliefern. Nebenbei: Für die Ermittlung unterstützter Formate existiert canPlayType().

Mit den Worten von Jamie Zawinski:

Some people, when confronted with a problem, think “I know, I’ll use regular expressions.” Now they have two problems.

]]> http://blog.dieweltistgarnichtso.net/ogg-opus-richtig-verwenden-im-html-audio-element/feed 4