HTML5 die nächste Generation. Ein interessanter Punkt ist das einbinden von Videos “ohne zusätzliche Plugins“ in den HTML Quellcode. Naja der ein oder andere wird sicherlich denken ist ja nichts außergewöhnliches.
Nicht das generele einbinden von Videos ist das spannende, sondern wie Videos eingebunden werden und das man sie z.B mit HTML/CSS kombinieren und ansteuern kann. Man schaue sich einen Quellcode von Youtube.com an, der ist an sich schon sehr komplex:
Mit HTML5 könnte es so aussehen:
Sehr schlank und übersichtlich. Die Attribute sind auch fast selbsterklärend "controls" steht für die Wiedergabe und Lautstärke Anzeige unter dem Video (Native Video-Steuerung ). Wenn das Attribut nicht vorhanden ist wird lediglich der Film angezeigt. "Poster" steht für das Startbild welches am anfang des Videos angezeigt wird.
Weiter Attribute:
autoplay: Der Browser startet das Video automatisch
autobuffer : Videos können schon vor dem Betrachten auf einer Webseite, im Hintergrund vorgeladen werden.
loop: Video wird in einer Schleife abgespielt.
Die Zukunft im Web liegt sicherlich in bewegten Bildern, das gerade im Bereich Marketing. Den größten Anteil an Videos die im Netz dargestellt werden übernimmt das Plugin Flash. Aber Flash Webseiten haben Nachteile, das ist bekannt um nur einen zu nennen: Auffindbarkeit in Suchmaschinen - kritisch. Aber das ist ein andere Baustelle, zurück zu den Möglichkeiten.
Video Background - HTML5
Videos können z.B in den Hintergrund von Webseiten eingebunden werden, welche aktiv auf das Verhalten von Benutzer reagieren können. Das ist von Flash bekannt, hat aber die bekannten Nachteile welche sich nun mit HTML5 umgehen lassen.
HTML5 Video Background Tutorial
www.html5-fullscreen-video.com
HTML5 Ambilight - Video
media.chikuyonok.ru/ambilight/
HTML5 Love - Canvas-Audio Visualisierung mit Twitter
Sehr beeindruckend - HTML 5 Canvas mit aktuellen Tweets
9elements.com/io/projects/html5/canvas/
Deine Meinung