Web

Professionell und kostenlos

HTML5-Tools für Web-Entwickler

28.09.2011
Von 
Diego Wyllie hat Wirtschaftsinformatik an der TU München studiert und verbringt als Softwareentwickler und Fachautor viel Zeit mit Schreiben – entweder Programmcode für Web- und Mobile-Anwendungen oder Fachartikel rund um Softwarethemen.

Media Element Player

Media Element Player
Media Element Player
Foto: Diego Wyllie

Wenn es um das Abspielen von Multimedia-Content geht, bietet die neue HTML5-Spezifikation klare Vorteile gegenüber dem bis jetzt erforderlichen Einsatz von Plug-Ins. So lassen sich mithilfe der neu eingeführten Konstrukte <video> und <audio> Multimedia-Dateien direkt in die Website integrieren - unkompliziert und schnell. Aufgrund der Tatsache, dass viele ältere Browser noch sehr häufig verwendet werden, kann kann auf Plug-Ins wie Flash oder Microsofts Silverlight allerdings noch nicht verzichten. Wer dennoch schon heute die Möglichkeiten von HTML5-Video ausnutzen möchte, der kann auf den "Media Element Player” zurückgreifen. Dabei handelt es sich um eine kostenlose JavaScript-Bibliothek aus dem Open-Source-Bereich, die mithilfe von CSS und dem populären Framework "JQuery” einen universellen Video-Player implementiert.

Das Tool erlaubt es Web-Entwicklern, im HTML-Code ausschließlich mit dem Video-Tag zu arbeiten. Wenn die Seite geladen wird, prüft ein Skript, was für ein Browser die Anfrage gesendet hat. Unterstützt der identifizierte Browser die HTML5-Spezifikation nicht, so wird der Video-Tag automatisch durch einen Flash- beziehungsweise Silberlight-Plugin ersetzt. Ansonsten wird der Code ohne weiteres nativ ausgeführt. Was die Kodierung der Videodateien angeht, ist die Software recht flexibel und unterstützt viele gängige Formate, darunter H.264, WMV und FLV. (sh)