sebmos.at

Inhaltsverzeichnis 1  HTML5 2  <video> und <audio> 3  Beispiel 4  Wozu?

Ich hab mich schon lange nicht mehr über ein Browser-Release so gefreut, wie auf Firefox 3.5 – obwohl ich ein bisschen das Gefühl habe, dass es der bisher medial unspektakulärste Firefox-Launch war. Das liegt vermutlich daran, dass die sichtbaren Neuigkeiten minimal sind.

Aber für mich als Programmierer sind die Neuerungen unter der Haube ziemlich spannend. Mozilla hat nämlich einige neue HTML5-Features eingebaut (die aus den Empfehlungen der WHATWG entstanden ist, die sich aus allen Browser-Herstellern außer Microsoft zusammen setzt), die, wenn sie einmal genug verbreitet sind, spannende neue Anwendungen ermöglichen werden. Allem voran ist da der Video-Tag, der demnächst zu einer großen Sache werden könnte.

Es gibt noch weitere Entwickler-Features im Firefox 3.5, über die ich bei Interesse auch schreiben werde.

HTML5

HTML5 ist eine Weiterentwicklung des HTML-Standards, die unabhängig vom W3C, der offiziellen Web-Standard-Institution, durch die WHATWG von den alternativen Browser-Herstellern entwickelt wurde. Mittlerweile ist die Arbeit der WHATWG wieder Teil des W3C und wurde als HTML5 als Standard vorgeschlagen. Obwohl HTML5 noch kein fertiger Standard ist, versuchen die Mozilla, Opera, Google und Apple das zu ändern, indem sie durch die Implementierung der bisherigen HTML5-Entwürfe einen de facto Standard schaffen. (Etwas, das wir vor allem aus dem ersten Browserkrieg (Microsoft vs. Netscape) kennen.)

Microsoft hat eine Unterstützung von HTML5 angekündigt, aber gleichzeitig gewarnt, dass die Spezifikation noch nicht fertig ist. Es ist zu erwarten, dass Microsoft auf den HTML5-Zug aufspringt – aber wohl erst, wenn HTML5 ein offizieller Standard ist.

<video> und <audio>

Eine echt spannende, potentiell sehr weitreichende Neuerung sind der Video- und Audio-Tag – <img>-ähnliche Tags, um eben Videos und Audiodateien in eine Website einzubinden, ohne dafür Flash oder Silverlight zu brauchen. Der Browser implementiert dann selbst einen Player, stellt auf Wunsch die Controls (Play, Pause, etc.) zur Verfügung, etc.

Die Schwierigkeit dabei sind die zu verwendenden Codecs – die Browser-Hersteller haben sich hier noch nicht geeinigt, weder beim Audio-Codec noch beim Video-Codec. Die Standard-Empfehlung ermöglicht zwar die Unterstützung verschiedener Standards, wenn sich die Browser aber nicht auf einen Standard einigen, sehe ich wenige Erfolgschancen für den Video-Tag.
Die Codec-Unterstützung schaut im Moment wie folgt aus: Der Open Source-Codec Theora wird von Mozilla, Chrome und Opera unterstützt. Apple hat für Safari dagegen den mpeg4-Codec lizenziert, Chrome unterstützt neben Theora den H.264-Codec. (Opera hat den Video-Tag für die Version 10.1 angekündigt, Chrome hat den Video-Tag nur in der Test-Version eingebaut.)

Ebenfalls wichtig für die Verbreitung des Video-Tags ist, dass ihn die wichtigen Video-Portale unterstützen. Oder mit anderen Worte: Dass YouTube ihn unterstützt. Ich hätte damit nicht gerechnet (der Video-Player von YouTube wird ja zusätzlich zum Beispiel zum Sammeln von Statistiken und zum Anzeigen von Werbung und Video-Empfehlungen verwendet), aber es schaut gut aus: YouTube hat aber bereits eine HTML5-Demo-Seite erstellt (die aber im Moment nur in Google Chrome funktioniert)!
Wenn YouTube auf den Video-Tag aufspringt, wird er weit genug verbreitet werden, dass auch andere Video-Portale überlegen werden, ihn einzusetzen!

Ach ja: Der Audio-Tag ist wie der Video-Tag, nur eben ohne Video. Alles, was ich oben geschrieben habe, trifft auch auf den Audio-Tag zu (Audio-Codec, Verbreitung).

Beispiel

In diesem Beispiel werden zwei Video-Quellen mit zwei verschiedenen Codecs (zuerst die Theora-Version (.ogg), dann die mpeg4-Version (.mp4)) eingesetzt, als Alternative wird ein kurzer Hinweis angezeigt, dass der Browser veraltet ist. Stattdessen könnte man beispielsweise auch eine Flash-Variante des Videos einbinden.

<video width="500" controls>
<source src="http://videos.mozilla.org/serv/blizzard/35days/html5-fallbacks/zombie.ogg" type="video/ogg"/>
<source src="http://videos.mozilla.org/serv/blizzard/35days/html5-fallbacks/zombie-large.mp4" type="video/mp4"/>
<strong>Sorry, dein Browser ist zu alt für <video> oder du liest diesen Artikel mit einem Feed-Reader! <a href="http://getfirefox.com/">Hier gibts einen modernen Browser.</a></strong>
</video>

Update: Eine weitere Demo-Seite, die einige der Möglichkeiten des Video-Tags zeigt, hat Dailymotion aufgesetzt.

Wozu?

Web-Video war der zweite große Trend der letzten Jahre neben den Social Networks. Bisher mussten Web-Video-Provider zum Anzeigen und Abspielen der Videos immer auf Flash zurückgreifen, das hat aber verschiedene Nachteile:

Einerseits sind die Flash-Video-Player oft einfach schlecht. derStandard.at ist ein gutes Beispiel für einen solchen sagenhaft hässlichen Player, bei dem der Play-Button so klein ist, dass ich ihn manchmal gar nicht treffe.

Andererseits ist es nicht ohne weiteres möglich, den Flash-Player mit JavaScript zu steuern (starten, stoppen), es ist relativ aufwendig, eigene Controls zu entwickeln.

Dann ist da noch die Portierbarkeit, die gerne vergessen wird: Flash gibt es nur dort, wo Adobe einen Flash-Player entwickeln will und darf. Der Linux-Flash-Player wird von Adobe zum Beispiel ziemlich stiefmütterlich behandelt, fürs iPhone gibt es gar keinen, weil Apple das nicht zulässt. Beim Palm Pre wird er kommen, aber halt irgendwann, das Gleiche gilt für Android. Für Windows Mobile gibt es zwar einen Flash-Player, aber nur einen eingeschränkten.
Da die meisten mobilen Browser im Moment auf Webkit basieren (iPhone, Android, Palm Pre) oder Opera sind, die den Video-Tag bereits unterstützen bzw. Unterstützung angekündigt haben, würden die meisten Smartphones bald damit zurecht kommen.

Und ja: Mit den schneller werdenden Mobilnetzen wird Web-Video auch auf Smartphones eine große Sache, also spielt die Portierbarkeit eine Rolle.

Mir ist klar, dass der Video-Tag nicht sofort das Web stürmen wird, vor allem auf Entwickler-Seite. Aber ich hoffe auf Microsoft – das in den letzten Jahren bei den Web-Standards gewaltig aufgeholt hat, und könnte mir vorstellen, dass durch den Internet Explorer 9 und den wachsenden Anteilen der alternativen Browser in wenigen Jahren der Video-Tag von einem Großteil der Browser-Benutzer/innen unterstützt wird.

Falls es ein Interesse an Artikeln zu weiteren Browser-Features gibt, lasst es mich wissen, ich werde gern darüber schreiben.