how-to video heute: im web, mobile und überhaupt
TRANSCRIPT
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 [email protected]@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
[email protected] oder im Social Network Ihres Vertrauens