Bigbangii de-html5presentation4-110518102622-phpapp01

22
Oliver Liesaus, Director of Sales Engineering Central and Eastern Europe, Brightcove HTML5: Sind Sie bereit? January 2011

description

html5 brighcove

Transcript of Bigbangii de-html5presentation4-110518102622-phpapp01

Page 1: Bigbangii de-html5presentation4-110518102622-phpapp01

Oliver Liesaus, Director of Sales Engineering Central and Eastern Europe, Brightcove

HTML5: Sind Sie bereit?

January 2011

Page 2: Bigbangii de-html5presentation4-110518102622-phpapp01

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 2

Ein Standard zum Strukturieren und

Darstellen von Content im Web

Initiiert von Apple, Mozilla, Google und

Opera, jetzt auch von W3C

übernommen

Ermöglicht Video, Audio und

Vektorgrafiken ohne Plug-ins

Wird derzeit von über 38 % aller

Webbrowser unterstützt

Was ist HTML5?

<Video>

<Audio>

<Canvas>

Browser-Marktanteil

Quelle: Netmarketshare.com

Januar 2011

Page 3: Bigbangii de-html5presentation4-110518102622-phpapp01

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 3

Der HTML5-Standard legt nicht fest, welche Formate oder Codecs zu verwenden sind

Konkurrierende Plattformanbieter ziehen aus Formaten strategische Vorteile

Die Auswahl von nur einem Format ist aufgrund der fragmentierten, sich wandelnden

Umgebung unmöglich

Welches Videocontainerformat und -Codec?

Hohe

Qualität/

Effizienz

Geringe

Qualität/

Effizienz

Proprietär Frei und offen

VP8

Page 4: Bigbangii de-html5presentation4-110518102622-phpapp01

HTML5 ist derzeit das relevanteste Format, um Mobilgeräte zu

erreichen

4© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 5: Bigbangii de-html5presentation4-110518102622-phpapp01

5© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 6: Bigbangii de-html5presentation4-110518102622-phpapp01

„Dive into HTML5“ von Mark Pilgrim

Keine Kombination von Containern und Codecs funktioniert in allen HTML5-

Browsern.

Dies wird sich voraussichtlich in naher Zukunft auch nicht ändern.

Um das Anzeigen Ihrer Videos auf allen Geräten und Plattformen zu ermöglichen,

müssen Sie Ihre Videos mehrmals codieren.

Damit maximale Kompatibilität gewährleistet ist, sieht Ihr Video-Workflow

folgendermaßen aus:

•Sie erstellen eine Version, die WebM (VP8 + Vorbis) verwendet.

•Sie erstellen eine weitere Version, die H.264-Baseline-Video und AAC-Audio mit

niedriger Komplexität in einem MP4-Container verwendet.

•Sie erstellen noch eine Version, die Theora-Video und Vorbis-Audio in einem Ogg-

Container verwendet.

•Sie verknüpfen alle drei Videodateien mit einem einzelnen <Video>-Element und

verwenden einen Flash-basierten Videoplayer.

http://diveintohtml5.org

6© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 7: Bigbangii de-html5presentation4-110518102622-phpapp01

Die Kunden wünschen Onlinevideo, das funktioniert

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 7

Page 8: Bigbangii de-html5presentation4-110518102622-phpapp01

88© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 9: Bigbangii de-html5presentation4-110518102622-phpapp01

99© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 10: Bigbangii de-html5presentation4-110518102622-phpapp01

1010© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 11: Bigbangii de-html5presentation4-110518102622-phpapp01

1111© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 12: Bigbangii de-html5presentation4-110518102622-phpapp01

1212© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 13: Bigbangii de-html5presentation4-110518102622-phpapp01

HTML5-Aktivierung mit Brightcove

13© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 14: Bigbangii de-html5presentation4-110518102622-phpapp01

1414© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 15: Bigbangii de-html5presentation4-110518102622-phpapp01

1515© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 16: Bigbangii de-html5presentation4-110518102622-phpapp01

16© 2011 Brightcove Inc. Alle Rechte vorbehalten. 16

Page 17: Bigbangii de-html5presentation4-110518102622-phpapp01

Erweitern Sie HTML5 mit der Leistung von BEML

XML-Vorlagen-Markup

Keine Flash-Kenntnisse

erforderlich

Wenden Sie Stile an, ändern

Sie Größe und Layout, und

fügen Sie Elemente hinzu

Einzelne Vorlage rendert die

Darstellung in Playern im

Flash- und HTML5-Format*

Eine einmalige Brightcove-

Innovation

* Es gelten einige Einschränkungen.

BEML = Brightcove Experience Markup Language

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 17

Page 18: Bigbangii de-html5presentation4-110518102622-phpapp01

MORGENHEUTE

HTML5-Unterstützung von Brightcove

WebM-Codierung

Erweiterte BEML-

Unterstützung

Player-Plug-ins

Vollständige Werbe-Plug-ins

Erweiterte Analysefunktionen

Einfaches SW-Kontrollkästchen

Einzeltitel und Einzelplaylist-

Smart-Player

Grundlegende Playergestaltung

Grundlegende BEML-

Unterstützung

Player-SW-Lokalisierung

iOS, Android, Blackberry 6

Standard-H.264-Codierung

Intelligente Wiedergabeauswahl

Grundlegende Nutzungsberichte

Grundlegende Pre-roll-Werbung

mit benutzerdefinierte Entwicklung

Apple Live-Streaming (http)

18© 2011 Brightcove Inc. Alle Rechte vorbehalten.

Page 19: Bigbangii de-html5presentation4-110518102622-phpapp01

Drei wichtige Aspekte für HTML5-Video

Verwenden Sie Flash überall dort, wo es verfügbar ist

Hervorragende Leistungen hinsichtlich Tools, Verfügbarkeit von Fähigkeiten,

Contentschutz, Interaktivität und Funktionalität auf Desktops und den neuesten Android/

RIM-Geräten

HTML5 füllt die Lücken von iOS- und Nicht-Flash-Android/RIM-Geräten

Codieren Sie Ihr Video in H.264

H.264 funktioniert in Flash- und den meisten HTML5-Umgebungen

H.264 ist die aktuelle Brightcove-Standardcodierung

Beobachten Sie den WebM-Wettbewerb zwischen Google und Apple

Erwarten Sie zusätzliche Entwicklungsbemühungen für die Werbung in

HTML5-Video

Freewheel, Liverail, Scanscout und Videoplaza heute

Weitere sofort einsatzbereite Lösungen folgen in Kürze

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 19

Page 20: Bigbangii de-html5presentation4-110518102622-phpapp01

Ressourcen

Besuchen Sie http://bit.ly/ej3nSF

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 20

Page 21: Bigbangii de-html5presentation4-110518102622-phpapp01

Die Brightcove-Onlinevideoplattform

Hochladen und

Transcodieren

Quellvideos

Bereitstellen und

Verbreiten

über3 Screens und

Partner

Organisieren und Verwalten von Videos

Einrichten von Live-Streaming-Veranstaltungen

Gestalten und Anpassen von Playern

Einrichten von Werbung und Analysefunktionen

Einrichten von Verbreitungsoptionen

© 2011 Brightcove Inc. Alle Rechte vorbehalten. 21

Page 22: Bigbangii de-html5presentation4-110518102622-phpapp01

Vielen Dank.

© 2011 Brightcove Inc. Alle Rechte

vorbehalten.