How-to Video heute: im Web, mobile und überhauptMobileTech Conference, Berlin, 04. September 2013

How-to Video heute

© WavebreakMediaMicro - Fotolia.com

Make or Buy?

Produktion

Encoding

Darstellung

Distr ibution

Pro

ze

ss

Encoding

• Welche Browser?• Welche Formate?• Welche Auflösungen?• Welche Bandbreiten?• Wie Transcodieren?

Encoding

Fragen

Encoding

Encoding

Grafik: encoding.com

+ Ogg

+ Ogg

FLV, MP4

Auflösungen

Grafik: Wikipedia.de

Formate

Was macht YouTube?Quelle: Wikipedia.com

Encoding

zu Fuß

Encoding

zu Fuß

Encoding

zu Fuß

+ gute Qualität+ flexibel-- extrem aufwändig- nicht automatisierbar-- Skaliert garnicht

Encoding

zu Fuß

Encoding

automatisiert, in House

Encoding

automatisiert, in House

Encoding

automatisiert, in House

+ gute Qualität+ schnell+ automatisierbar+ Rohdaten verlassen das Haus (den Kontinent) nicht- erfordert Wartung- bei kleiner Menge relativ teuer- skaliert schlecht

Encoding

automatisiert, in House

Encoding

in der Cloud

Encoding

in der Cloud

Encoding

in der Cloud

+ bequem+ bei kleinen Menge billig+ skaliert gut+ wartungsfrei- Rohdaten verlassen das Haus- langsam- eingeschränkter Funktionsumfang

Encoding

in der Cloud

iOS, in App Offline Video

• iPhone 3G and 3GS 640 x 480• iPhone 4 and iPad 1 1280 x 720• iPhone 4S and iPad 2 & 3 1920 x 1080

Encoding

Android, in App Offline Video

Encoding

Quelle: developer.android.com

Produktion

Encoding

Darstellung

Distr ibution

Pro

ze

ss

Darstellung

• HTML5 oder Flash?• Welcher Player?

Darstellung

Fragen

Darstellung

Grafik: Longtail Video

Darstellung

Quelle: CanIUse.comHTML5 Video Browser Support

Grafik: Longtail Video

Darstellung

HTML5 Video Browser Support

Grafik: encoding.com

+ Ogg

+ Ogg

Darstellung

Browser und Formate

Was macht YouTube?

Flash Player HTML5 native

Quelle: Wikipedia.com

Darstellung

Demowww.bokowsky.net/de/knowledge-base/video

Darstellung

Übersicht Video Player

www.praegnanz.de/html5video

Demowww.bokowsky.net/de/knowledge-base/video

Produktion

Encoding

Darstellung

Distr ibution

Pro

ze

ss

Distr ibution

• Progressive Loading oder Streaming?

• Streaming-Server oder Adaptive Bitrate Streaming?

Distr ibution

Fragen

Distr ibution

Progressive Loading

Distr ibution

Streaming Server

Distr ibution

Streaming Server

Distr ibution

Streaming Server

+ Bandbreitenschonend, wichtig bei vielen gleichzeitigen Abrufen+ Auch Set-Top-Boxen und alte Clients können damit umgehen+ Springen und Spulen problemlos möglich++ Automatische Bandbreitenerkennung-- Probleme mit Firewalls- Problematisch mit CDNs

Distr ibution

Streaming Server

Aber, muss das wirklich sein?

HLS

Distr ibution

HTTP Live Streaming (HLS) Grafik: encoding.com

Distr ibution

HTTP Live Streaming (HLS) Grafik: encoding.com

+ Läuft per http, braucht nur einen Webserver+ Geht durch die Firewall+ Mit CDNs kompatibel+ Automatische Bandbreitenerkennung- Läuft native nur auf iOS und MacOS+ Mit JWPlayer auf allen Browsern- unter Android ein Alptraum

Distr ibution

HLS (HTTP Live Streaming)

Demowww.bokowsky.net/de/knowledge-base/video

Distr ibution

HTTP Dynamic Streaming (HDS) Grafik: encoding.com

Distr ibution

Cloud Streaming Services

Distr ibution

Cloud Streaming Services

Distr ibution

Cloud Streaming Services

Distr ibution

Cloud Streaming Services

Distr ibution

Cloud Streaming Services

Diese Folien und noch viel mehr gibt‘s unter

www.bokowsky.net/de/knowledge-base/

Neu: Jetzt auch als App

Vielen Dank

Markus Bokowskymarkus@bokowsky.de@MarkusBokowskysowie auf Facebook, Google+, Foursquare, LinkedIn, Lanyrd, Pinterest, etc .

Bokowsky + Laymann GmbHwww.bokowsky.de@BokowskyLaymannsowie auf Facebook, Slideshare, YouTube, Flickr

P.S: Bokowsky + Laymann sucht EntwicklerObjective-C, Java (Android), PHP, ColdFusion

jobs@bokowsky.de oder im Social Network Ihres Vertrauens