John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Leitfaden für Webentwickler

Kapitel 4: Video und Audio

Auf dieser Seite finden Sie alle im Buch HTML5: Leitfaden für Webentwickler verwendeten Beispiele, Grafiken und Links für dieses Kapitel. Die erste Tabelle listet Beispiele und Grafiken mit Seitenzahlen im Buch auf, stellt Links (sofern relevant) zur Online-Version der Seite sowie Angaben zur Browserkompatibilität bereit und zeigt eine Vorschau der Abbildung im Buch. Beim Klick auf dieses Vorschaubild wird die Abbildung in Originalgröße im Format JPEG geladen. Die zweite Tabelle listet alle URLs auf, die im Buch auf den jeweiligen Seiten genannt sind. Für Feedback und Bug-Reports stehen ihnen E-Mail sowie ein eigenes Ticket-System zur Verfügung, in dem Sie neue Kommentare absetzen und bestehende Kommentare / Errata auch Online mitverfolgen können.

SeiteBeispiel / GrafikScreenshot
92Abbildung 4.1: Ein Video im WebM-Format in Mozilla Firefox

Erstellt mit Firefox 4.0b

Screenshot
96Abbildung 4.2: Schematische Darstellung eines Video-ContainerformatsScreenshot
102Abbildung 4.3: Der Dialog zum Konvertieren von Videos in »vlc«

Erstellt mit vlc 1.1

Screenshot
103Abbildung 4.4: Die Einstellungen zum Konvertieren von Videos in Firefogg

Erstellt mit Firefox 3.6

Screenshot
104Abbildung 4.5: Video-Konvertierung mit dem Miro Video Converter

Erstellt mit Miro

Screenshot
105Abbildung 4.6: Fehlersuche bei der Konvertierung mit Miro

Erstellt mit Miro

Screenshot
108Abbildung 4.7: Der Internet Explorer 8 mit der Fallback-Bibliothek »mwEmbed« von Kaltura

Erstellt mit IE 8

Screenshot
109Abbildung 4.8: Internet Explorer 8 mit dem freien Flowplayer (Flash-Fallback)

Erstellt mit IE 8

Screenshot
111Abbildung 4.9: Screenshot des JavaScript-HTML5-Video-Players

Erstellt mit Chrome 6

Läuft mit Firefox 3.6 (fastFwd funktioniert nicht, kein Slider), Opera 10.6 (fastFwd funktioniert nicht), Chrome 6

Screenshot
125Abbildung 4.10: Screenshot des JavaScript-HTML5-Audio-Players

Erstellt mit Chrome 6

Läuft mit Firefox 3.6 (fastFwd funktioniert nicht, kein Slider), Opera 10.6 (fastFwd funktioniert nicht, Unregelmäßigkeiten beim Slider), Chrome 6

Screenshot
SeiteURL
95http://dev.w3.org/csswg/css3-mediaqueries/
97http://www.webmproject.org/
100http://www.ffmpeg.org/ffmpeg-doc.html
101http://www.videolan.org/
102http://firefogg.org/make
103http://firefogg.org/dev/chunk_post_example.html
104http://www.getmiro.com
105http://html5.komplett.cc/code/chap_intro/timeline.html
107http://html5.kaltura.org/js
110http://bigbuckbunny.org/
110http://de.wikipedia.org/wiki/Big_Buck_Bunny
110http://html5.komplett.cc/code/chap_video/js_videoPlayer.html
110http://html5.komplett.cc/code/chap_video/js_videoPlayer.js
110http://html5.komplett.cc/code/chap_video/js_videoPlayer.css
112http://www.w3.org/TR/html5/video.html#htmlmediaelement
120http://www.quirksmode.org/js/events_order.html
120http://html5.komplett.cc/code/chap_video/js_dynamicVideo.html
121http://html5.komplett.cc/code/chap_video/js_canPlayType.html
123http://html5.komplett.cc/code/chap_video/js_timeRanges.html
124http://www.w3.org/TR/html5/video.html#mediaevents
124http://www.w3.org/2010/05/video/mediaevents.html
125http://audacity.sourceforge.net/
125http://www.wavemage.com/category/music/
127http://html5.komplett.cc/code/chap_video/js_audioPlayer.html
127http://html5.komplett.cc/code/chap_video/js_audioPlayer.js
127http://html5.komplett.cc/code/chap_video/js_audioPlayer.css