HTML5 Rocks

HTML5 Rocks

HTML5 Funktionen

Multimedia

Audio und Video traten mit HTML5 in die erste Reihe des Webs, so wie es zuvor bei anderen Medientypen wie Bildern der Fall war. Mit den neuen APIs können Sie Zeitachsendaten und Netzwerkstatus der Dateien abrufen, steuern und bearbeiten. Die künftigen Erweiterungen der APIs bieten Ihnen noch weitere Möglichkeiten. So können Sie beispielsweise mit dem Audio Data API Rohdaten in Audiodateien lesen und schreiben oder mit dem Timed Track API Untertitel in Videos bearbeiten. Die ganze Stärke dieser neuen HTML-Elemente zeigt sich jedoch, wenn sie mit anderen Techniken wie Canvas, SVG, CSS oder auch WebGL kombiniert werden.

Sie können zum Beispiel eine DJ-Mischpult-App entwickeln, die verschiedene Steuerelemente zum Ausblenden und Mixen von Audiotracks enthält. Mit Canvas können Sie Pixeldaten aus Videos lesen und somit beispielsweise einen Video-Visualizer mit einer Funktion zum Löschen von Szenen hinzufügen. Darüber hinaus können Sie SVG-Filter à la Photoshop verwenden, um den Film während der Wiedergabe zu verzerren.

Neuerungen

Demos

Craftymind: Blowing Up HTML5 Video
Web Speech API demo

There are also a number of demos of media APIs on simpl.info:

In der Wildnis

Extension FM Music Library
HTML5 on Youtube

Ressourcen