HTML5 Magazin
Das HTML5 Online-Magazin
 |
|
Googles HTML5Rocks
dHTML5Rocks ist ein neue Online Resource con vom Suchmaschinen-Giganten Google mit jeder Menge Ressourcen zum Thema HTML5 und CSS3.
Es gibt Artikel, Schritt für Schritt Tutorials, Beispielcode, es gibt eine sogenannten Code Playground und vieles mehr.
MooTools HTML5 Video Player: Moovie
Moovie ist eine kostenlose MooTools Custom Controls Bibliothek für das HTML5 Video Element. Das Tool beinhaltet alle Features eines Players wie Play, Pause, Stop, Lautsrtärke usw.
Vor dem Start sieht man im Player FEnster einen großen Button, der zum Abspielen des Videos auffordert. Der Player Moovie hat eine Playlist für multiple Videos und vieles mehr. Auch Optionen wie zum Beispiel Looping sind vorhanden.
Video for Everybody zeigt Videos mit HTML5 an
Video for Everybody ist ein einfacher HTML Code, der ein Video in eine Website mit Hilfe des HTML5 Elements <video> einbindet.
Falls der Browser kein HTML5 versteht, wird das Video ganz automatisch mit Hilfe von Flash angezeigt. Dabei kommt das Plugin ohne JavaScript oder “Browser-Sniffing” aus. Daher funktioniert das Ganze auch in RSS-Readern und auf dem iPhone und iPad und vielen Browsern.
Der Code ist gut erklärt und es gibt auf der Seite des Entwicklers viele Informationen zur Nutzung des Codes.
Simpler Audio Player in HTML5
Unter diesem Link findet man eine Demonstration, wie man HTML5 Audio mit einem HTML-Element einbinden kann.
Beim Laden prüft ein Javascript, ob der Browser HTML5 Audio unterstützt und welche Audio Dateien vom Browser unterstützt werden. Falls nicht wird ein Flash Player gestartet. Wenn der Browser HTML5 Audio unterstützt, wird ein Music Icon angezeigt.
Der Safari Browser unterstützt zum Zeitpunkt dieses Artikels Audio/aac, Audio/mpeg, Audio/ogg (falls installiert) und Audio/mp4. Firefox unterstützt nur Audio/ogg. Das Demo nutzt eine .m4a (aac), ein ogg, und eine MP3 Datei.