In der Welt der Web-Markupsprache HTML hat sich spätestens seit der Gründung der WHAT WG eine Revolution abgezeichnet. Aber erst im vergangenen Jahr ist sie tatsächlich ausgebrochen. Die Vorstellung des HTML 5-fähigen Safari 4 markiert sie ebenso wie der Start von Google Wave, das HTML 5 verwendet. Jetzt beginnt YouTube damit, HTML 5 statt Flash anzubieten, und Apple setzt wie beim iPhone beim iPad auf HTML 5 statt auf Flash. Steve Jobs hat gerade erst Adobe als “faul” verhöhnt (via @MichaelReuter). Für Robert Scoble entscheidet sich in den nächsten Wochen, ob Flash noch eine Chance hat— Google habe dabei mehr mitzureden als Adobe selbst.

Ich merke, dass ich mich im Unterricht mit HTML 5 beschäftigen muss. Bisher habe ich, so weit das überhaupt zeitlich geht, in XHTML 1.0 eingeführt, und meine eigenen Kenntnisse auf diesem Gebiet sind ziemlich eingerostet.

Vielleicht lag es am Videocamp 2010, dem ich ein paar Stunden via Livestream gefolgt bin—jedenfalls habe ich meine eigene HTML 5-Weiterbildung gestern damit begonnen, Artikel über das video-Element zu lesen. In ein HTML 5-Dokument kann man Videos und Audios mit den Tags <video> und <audio> einbetten, so wie man bisher schon mit <img> angibt, wo und wie in einer HTML-Seite ein Bild dargestellt werden soll. Der Browser muss es nicht mehr einer fremden Anwendung—derzeit bei Computern meist Flash—überlassen, das Video oder Audio darzustellen. Die Region, in der das Video erscheint, kann mit CSS gestaltet werden, und per JavaScript hat man Zugriff auch auf diesen Teil des DOM-Trees.

Firefox, Chrome und Safari verstehen die Elemente video und audio. Für den Internet Explorer 9 ist HTML 5-Support angekündigt; ich habe noch nicht herausgefunden, ob das auch für die Video- und Audio-Darstellung gilt. Bisher muss man beim Internetexplorer mit Skripten auf Flash zurückgreifen, wenn man die HTML 5-Elemente für Multimedia verwendet, oder man kann das Plugin Google Chrome Frame benutzen (ich habe das nicht getestet; zu den fall back-Möglichkeiten auch: html5 video fallbacks with markup und Video for Everybody).

Was mit HTML 5 möglich ist, sieht man, wenn man im Safari 4 diese Seite öffnet. Auf sie bin ich durch eine andere spektakuläre HTML 5-Demo gestoßen [via ReadWriteWeb].

Ich bin noch auf der Suche nach Reise- oder eher nach Sprachführern für das HTML 5-Land. Eine gute Zusammenstellung bieten wohl die Web Design References. Empfehlen kann ich schon jetzt Mark Pilgrims Kapitel Video on the Web in seinem Online-Book-in-Progress Dive Into HTML5. Pilgrim beschreibt genau, wie man Videos mit offenen Tools in offenen Formaten anbieten kann, und welche Rückfallmöglichkeiten es da gibt, wo Browser diese Formate nicht unterstützen. Ein anderes ausführliches Tutorial zur Verwendung offener Videoformate mit HTML 5 hier.

Ein Linknest als Basislager für weitere Expeditionen (bzw. als Materialsammlung für meinen Unterricht):

John Gruber beklagt, dass sich bei den HTML 5-fähigen Browsern z.T. das Autobuffern (das Laden von Videos, bevor der Play-Button gedrückt wird), nicht unterbinden läst. Scott Gilbertson bedauert im Webmonkey zu Recht, dass YouTube jetzt zwar das video-element unterstützt, aber nicht die offene Codec Ogg Theora, die leider auch nicht Bestandteil des HTML 5-Standards werden wird. DailyMotion bringt 300.000 mit video eingebettete Videos, die mit Ogg Theora encodiert sind. Momente oder Abschnitte in Videos lassen sich in HTML 5-Dokumenten mit JavaScript ansteuern. Das Abspielen kann man, jedenfalls beim Firefox auch mit der Tastatur steuern. Es wurden eine Reihe alternativer Vorschläge dafür gemacht, wie Untertitel mit JavaScript hinzugefügt werden können; Bruce Lawson weist hier und hier, darauf hind, wie dringend dieses Problem gelöst werden muss, um Sites mit eingebetteten Videos barrierefrei zu machen.

Vor langer Zeit hat die SGML-Szene HyTime als Standard für zeitbasierte Medien ausgedacht. Mit HTML 5 werden vielleicht einige der Hoffnungen von damals Wirklichkeit.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.