HTTP-Live-Video-Streaming nicht nur für mobile Devices Christian Kuhn NUISOL 11.10.2011 | 11:30 - 12:30 Uhr | Watfordsaal I Content kann dank mobiler Endgeräte immer und überall konsumiert werden – das gilt auch für Videos: VOD stellt eine gute Möglichkeit dar, das zu realisieren. Spannend wird es aber, wenn man bewegte Bilder live auf Devices wie das Smartphone oder ein Tablet bringen möchte. Denn hier wird die Hardware über- und die Technik unterschätzt. Doch welche Anforderungen stellt Live-Streaming und wie ist die Funktionsweise? Christian Kuhn geht dabei auf Apples HTTP-Live-Streaming und RTSP-Streaming ein. Was ist bei der Konfiguration von Encoder und Server zu beachten, um möglichst viele Endgeräte zu bedienen? Erleben Sie live, wie diese Session für Sie und Ihre Mobile Devices mit einem REAL Helix Mobile Universal Server übertragen wird. Welche Chancen bietet Live-Streaming für das Mediengeschäft und was kann man in den nächsten Jahren erwarten? Überzeugen Sie sich vor Ort, wie brauchbar der aktuelle technische Stand für Ihre Geschäftsidee ist.

1. Christian Kuhn
CONTENT, DER BEWEGT
HTTP-Live-Video-Streaming nicht nur für mobile Devices
1
Dienstag, 11. Oktober 11

2. Inhalt
• Der Auftrag/Erfahrungsbericht
• Live ist nicht Live
• Live-Streaming On-demand
• Live-Streaming Real-Time
• HTTP Live-Streaming
• DEMO HTTP-Live-Streaming mit HELIX Mobile Server
• Hardware und Software
• DEMO HTTP-Live-Streaming mit AirFlick/AirView
• Alles HD?
• Aussicht
2
Dienstag, 11. Oktober 11

3. Auftrag
HD Live-Streaming via Wifi auf iPad (H.264)
www.völker-medical.de
3
Dienstag, 11. Oktober 11

4. Auftrag
HD Live-Streaming via Wifi auf iPad (H.264)
www.völker-medical.de
4
Dienstag, 11. Oktober 11

5. Auftrag
HD Live-Streaming via Wifi auf iPad (H.264)
5
Dienstag, 11. Oktober 11

6. Auftrag
HD Live-Streaming via Wifi auf iPad (H.264)
6
Dienstag, 11. Oktober 11

7. 7
Dienstag, 11. Oktober 11

8. 8
Dienstag, 11. Oktober 11

9. Warum?
Jeder zweite Internetnutzer schaut WebTV
Rund 25 Millionen Bundesbürger sehen sich Fernseh- und Videoangebote
im Internet an.
Knapp jeder zweite Internetnutzer (49 Prozent) nutzt entsprechende Angebote wie
z.B. Internetfernsehen, das so genannte IP-TV.
31 % Desktop PC
28 % ein Notebook
10% Mobile (Smartphone/Tablet)
Juli 2010 - Forsa im Auftrag des BITKOM
9
Dienstag, 11. Oktober 11

10. Warum?
Mobile Endgeräte werden Videokanal
16,5 Millionen Nutzer nutzen im September 2011 das mobile Web
Das sind 23,5 Prozent der dt. Wohnbevölkerung!
Die meistgenutzte Multimedia-Aktivität ist Video-Schauen (22 Prozent)
AGOF Mobile Facts 2011
10
Dienstag, 11. Oktober 11

11. 11
Dienstag, 11. Oktober 11

12. „Google arbeitet bereits an der nächsten Revolution
- der netzübergreifenden Personalisierung -
die auch die Werbelandschaft grundlegend
verändern soll.“
12
Dienstag, 11. Oktober 11

13. Microcasting
Henrique des Castro
Vice President for Global Media and Platforms
Google
13
Dienstag, 11. Oktober 11

14. Microcasting
Henrique des Castro
Vice President for Global Media and Platforms
Google
14
Dienstag, 11. Oktober 11

15. Live ist nicht Live
15
Dienstag, 11. Oktober 11

16. Live ist nicht Live
Live-Streaming (On-demand)
16
Dienstag, 11. Oktober 11

17. Live ist nicht Live
Live-Streaming (On-demand)
Live-Streaming (Live/Real-time)
17
Dienstag, 11. Oktober 11

18. Live-Streaming „On-demand“
• Video on Demand (VOD)
• Daten werden vom Server an den Client übertragen
• lokale Zwischenpufferung für lückenlose Wiedergabe
• Vor- Zurückspulen und Pausieren möglich
• Protokolle: HTTP, FTP, RTSP
18
Dienstag, 11. Oktober 11

19. On-demand Live-Streaming
19
Dienstag, 11. Oktober 11

20. Live-Streaming Real-time
• Bereitstellung des Daten-Angebotes in „Echtzeit“
• Vor- und Zurückspulen NICHT möglich
• Protokolle: RTP, RTCP, RTMP, RTSP
• seit 2009 auch HTTP
20
Dienstag, 11. Oktober 11

21. Real-time Live Streaming
21
Dienstag, 11. Oktober 11

22. 22
Dienstag, 11. Oktober 11

23. 23
Dienstag, 11. Oktober 11

24. 24
Dienstag, 11. Oktober 11

25. 25
Dienstag, 11. Oktober 11

26. RTSP
Live-Streaming
26
Dienstag, 11. Oktober 11

27. RTSP Live-Streaming
• Über ein Jahrzehnt Standard für Web-Radio und Video
• Medienserver mit eigenen Port (554)
• Live und On-demand
• Plug-In/App.: Quicktime, Realplayer, Flash, VLC
• Quicktime, Darwin, Realnetworks Helix, Wowza, FFmpg,
Flash-Media Server
27
Dienstag, 11. Oktober 11

28. HTTP
Live-Streaming
28
Dienstag, 11. Oktober 11

29. HTTP-Live-Streaming
• Seit iOS 3
• Apache Webserver, HTTP Protokoll
• Live und On-demand
• Websites mit HTML5 Video/Audio, iOS Apps
• Real Helix, Wowza, FFmpg, Flash-Media Server (ab 4.5)
29
Dienstag, 11. Oktober 11

30. Anbieter
QuickTime Streaming Server
Using the RTP/RTSP open standard, QuickTime Streaming Server lets you deliver live or prerecorded
content in real time over the Internet. With Instant-On, your content begins to play as soon its link is
clicked; there’s no waiting for the file to download. QuickTime Streaming Server ships with Mac OS X
Server.
Helix Universal Media Server
adds support for mobile 3GP, iPhone, iPad, Android, Silverlight and Windows Media. Add
advanced mobile features such as Fast Channel Switching (FCS), Network Rate-Control, On-
Demand Rate Adaptation, Live Rate Adaptation, iPhone Adaptive Streaming and 3GPP Standards
Compliance (Rel 5, 6, 7).
Adobes Flash Media Server 4.5
(FMS4.5) kann Videos und Audiodaten nicht nur an Computer mit installiertem Flash Player ausliefern,
sondern per HTTP Dynamic Streaming (HDS) beziehungsweise HTTP Live Streaming (HLS) auch an viele
HTML-5-taugliche Geräte – also etwa auch an iPhone und iPad.
Wowza Media Server 2,
a video streaming server for live and on-demand is the proven, unified, industrial strength media server for live
and on-demand video/audio streaming, video/audio/text chat, recording and more. It takes your H.264 content to
any screen - the desktop, mobile and the living room
FFmpeg
is a complete, cross-platform solution to record, convert and stream audio and video. It includes libavcodec -
the leading audio/video codec library. FFmpeg is free software licensed under the LGPL or GPL. http://ffmpg.org
30
Dienstag, 11. Oktober 11

31. HTTP-Live-Streaming (HLS)
Quelle: Akamai HD Network
31
Dienstag, 11. Oktober 11

32. HTTP Live-Streaming (HLS)
blog.kyri0s.org
Free Live Video Streaming with
HTTP Live Streaming, uStream,
justin.tv, ffmpeg, vlc, x264,
Wowza, CamTwist and Flash Media
Encoder in a GNU Linux
environment and Mac OS-X.
32
Dienstag, 11. Oktober 11

33. HTTP Live-Streaming (HLS)
Mushroom TelePorter does HD streaming over cellular, won't beam your
on-air talent anywhere
33
Dienstag, 11. Oktober 11

34. HTTP Live-Streaming
Video/Audio Input
34
Dienstag, 11. Oktober 11

35. HTTP Live-Streaming
Media Encoder
Video/Audio Input
35
Dienstag, 11. Oktober 11

36. HTTP Live-Streaming
Media Encoder Stream Segmenter
Video/Audio Input
36
Dienstag, 11. Oktober 11

37. HTTP Live-Streaming
Media Encoder Stream Segmenter File Segmenter
Video/Audio Input
37
Dienstag, 11. Oktober 11

38. HTTP Live-Streaming
Media Encoder Stream Segmenter File Segmenter
Video/Audio Input http://host.de/livestream-name.m3u8
Low—96 Kbps video, 64 Kbps audio
Medium—256 Kbps video, 64 Kbps audio
High—800 Kbps video, 64 Kbps audio
38
Dienstag, 11. Oktober 11

39. HTTP Live-Streaming
Media Encoder Stream Segmenter File Segmenter
Video/Audio Input http://host.de/livestream-name.m3u8
Low—96 Kbps video, 64 Kbps audio
Medium—256 Kbps video, 64 Kbps audio
High—800 Kbps video, 64 Kbps audio
Website | App
39
Dienstag, 11. Oktober 11

40. HTTP Live-Streaming mit Apple Streaming Tools
Media Encoder Stream Segmenter File Segmenter
Video/Audio Input http://host.de/livestream-name.m3u8
Low—96 Kbps video, 64 Kbps audio
Medium—256 Kbps video, 64 Kbps audio
High—800 Kbps video, 64 Kbps audio
Website | App
40
Dienstag, 11. Oktober 11

41. Demo Real-time HTTP Live-Streaming
mit HELIX Mobile Streaming Server
Universal, multi-lingual streaming for everyone
1. Stream multi-format, including Flash, H.264, 3GPP,
MP4 and more
2. Deliver to multi-screens, including iPhone, iPad,
Android, and PCs
3. Operate on Windows, Linux or Solaris 64-bit platforms
http://www.realnetworks.com/helix/
http://www.heureka.com
41
Dienstag, 11. Oktober 11

42. Demo HTTP-Live-Streaming (HLS)
Wifi: NUISOL-MTC11
Passwort: demodemo
http://192.168.1.4/m3ugen/broadcast/webcam1.mp4
42
Dienstag, 11. Oktober 11

43. HTTP Live-Streaming mit Apple TV
Air Play Utilities
AirPlayer. Transform your Mac into an
AirPlay-compatible display.
AirFlick Serve files and URLs to Apple TV
AirVideo Client Bare-bones way to watch
• Bonjour your AirVideo Server-supplied video on a
Mac.
• Streaming über iTunes
oder
iPhone, iPad, iPod via
„AirPlay“ an TV http://ericasadun.com/ftp/AirPlay
http://FFmpeg.org
43
Dienstag, 11. Oktober 11

44. Demo HTTP Live-Streaming
mit AirFlick, AirView, Quicktime
44
Dienstag, 11. Oktober 11

45. AirPlay HTTP-Live-Streaming
For web-based content, you can enable AirPlay Video in the QuickTime Plug-in or
HTML5 video element as follows:
• QTPlug-in:
1.airplay="allow"
2.airplay="deny" (Default)
• For example:
<embed src="movie.mov" width="320" height="240" airplay="allow">
• HTML5 video element:
1.x-webkit-airplay="allow"
2.x-webkit-airplay="deny" (Default)
• For example:
<video controls width="640" height="368" x-webkit-airplay="allow"
src="content/side_with_the_seeds.mov"> </video>
45
Dienstag, 11. Oktober 11

46. Alles HD?
46
Dienstag, 11. Oktober 11

47. Alles HD?
http://digitalcontentproducer.com/
47
Dienstag, 11. Oktober 11

48. Alles HD?
Quelle: Apple
StreamingMediaGuide.pdf
48
Dienstag, 11. Oktober 11

49. Aussicht
Social Broadcasting/TwitCasting
49
Dienstag, 11. Oktober 11

50. Aussicht
• Microcasting
• Social Broadcasting (TwitCasting)
• Überwachung/Simulationstraining
• Fernunterricht
• Ihre Ideen!
50
Dienstag, 11. Oktober 11

51. Vielen Dank für Ihre
Aufmerksamkeit!
Dienstag, 11. Oktober 11

52. KONTAKTKOORDINATEN:
NUISOL.com
LESEN SIE UNSEREN ARTIKEL
„WEBDESIGN FÜR TABLETS“
IN DER ANDROID360 AUSGABE 3/2011
Dienstag, 11. Oktober 11