Christian Kuhn

CONTENT, DER BEWEGTHTTP-Live-Video-Streaming nicht nur für mobile Devices

1Dienstag, 11. Oktober 11

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

2Dienstag, 11. Oktober 11

Auftrag

3

HD Live-Streaming via Wifi auf iPad (H.264)

www.völker-medical.de

Dienstag, 11. Oktober 11

Auftrag

4

HD Live-Streaming via Wifi auf iPad (H.264)

www.völker-medical.de

Dienstag, 11. Oktober 11

Auftrag

5

HD Live-Streaming via Wifi auf iPad (H.264)

Dienstag, 11. Oktober 11

Auftrag

6

HD Live-Streaming via Wifi auf iPad (H.264)

Dienstag, 11. Oktober 11

7

Dienstag, 11. Oktober 11

8

Dienstag, 11. Oktober 11

Warum?Jeder zweite Internetnutzer schaut WebTVRund 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)

9Juli 2010 - Forsa im Auftrag des BITKOM

Dienstag, 11. Oktober 11

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)

10AGOF Mobile Facts 2011

Dienstag, 11. Oktober 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.“

Dienstag, 11. Oktober 11

13

Henrique des Castro

Vice President for Global Media and Platforms

Google

Microcasting

Dienstag, 11. Oktober 11

14

Henrique des Castro

Vice President for Global Media and Platforms

Google

Microcasting

Dienstag, 11. Oktober 11

Live ist nicht Live

15

Dienstag, 11. Oktober 11

16

Live ist nicht Live

Live-Streaming (On-demand)

Dienstag, 11. Oktober 11

17

Live ist nicht Live

Live-Streaming (On-demand)

Live-Streaming (Live/Real-time)

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

Dienstag, 11. Oktober 11

On-demand Live-Streaming

19

Dienstag, 11. Oktober 11

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

Real-time Live Streaming

21

Dienstag, 11. Oktober 11

22

Dienstag, 11. Oktober 11

23

Dienstag, 11. Oktober 11

24

Dienstag, 11. Oktober 11

25

Dienstag, 11. Oktober 11

RTSP

Live-Streaming

26

Dienstag, 11. Oktober 11

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

HTTP

Live-Streaming

28

Dienstag, 11. Oktober 11

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

Anbieter

30

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.

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).

QuickTime Streaming ServerUsing 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.

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

Dienstag, 11. Oktober 11

31Quelle: Akamai HD Network

HTTP-Live-Streaming (HLS)

Dienstag, 11. Oktober 11

32

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.

blog.kyri0s.org

HTTP Live-Streaming (HLS)

Dienstag, 11. Oktober 11

33

Mushroom TelePorter does HD streaming over cellular, won't beam your on-air talent anywhere

HTTP Live-Streaming (HLS)

Dienstag, 11. Oktober 11

Video/Audio Input

34

HTTP Live-Streaming

Dienstag, 11. Oktober 11

Media Encoder

Video/Audio Input

35

HTTP Live-Streaming

Dienstag, 11. Oktober 11

Media Encoder Stream Segmenter

Video/Audio Input

36

HTTP Live-Streaming

Dienstag, 11. Oktober 11

Media Encoder Stream Segmenter File Segmenter

Video/Audio Input

37

HTTP Live-Streaming

Dienstag, 11. Oktober 11

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

HTTP Live-Streaming

Dienstag, 11. Oktober 11

Media Encoder Stream Segmenter File Segmenter

Website | App

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

39

HTTP Live-Streaming

Dienstag, 11. Oktober 11

Media Encoder Stream Segmenter File Segmenter

Website | App

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

40

HTTP Live-Streaming mit Apple Streaming Tools

Dienstag, 11. Oktober 11

Demo Real-time HTTP Live-Streaming mit HELIX Mobile Streaming Server

41

http://www.heureka.com

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/

Dienstag, 11. Oktober 11

Demo HTTP-Live-Streaming (HLS)

Wifi: NUISOL-MTC11Passwort: demodemo

http://192.168.1.4/m3ugen/broadcast/webcam1.mp4

42Dienstag, 11. Oktober 11

43

HTTP Live-Streaming mit Apple TV

http://ericasadun.com/ftp/AirPlay

Air Play UtilitiesAirPlayer. Transform your Mac into an AirPlay-compatible display.

AirFlick Serve files and URLs to Apple TV

AirVideo Client Bare-bones way to watch your AirVideo Server-supplied video on a Mac.

http://FFmpeg.org

• Bonjour• Streaming über iTunes

oder iPhone, iPad, iPod via „AirPlay“ an TV

Dienstag, 11. Oktober 11

Demo HTTP Live-Streaming mit AirFlick, AirView, Quicktime

44

Dienstag, 11. Oktober 11

AirPlay HTTP-Live-Streaming

45

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>

Dienstag, 11. Oktober 11

46

Alles HD?

Dienstag, 11. Oktober 11

47http://digitalcontentproducer.com/

Alles HD?

Dienstag, 11. Oktober 11

48

Quelle: Apple StreamingMediaGuide.pdf

Alles HD?

Dienstag, 11. Oktober 11

Aussicht

Social Broadcasting/TwitCasting

49

Dienstag, 11. Oktober 11

Aussicht

• Microcasting

• Social Broadcasting (TwitCasting)

• Überwachung/Simulationstraining

• Fernunterricht

• Ihre Ideen!

50

Dienstag, 11. Oktober 11

Vielen Dank für Ihre Aufmerksamkeit!

Dienstag, 11. Oktober 11

KONTAKTKOORDINATEN: NUISOL.com

LESEN SIE UNSEREN ARTIKEL„WEBDESIGN FÜR TABLETS“IN DER ANDROID360 AUSGABE 3/2011

Dienstag, 11. Oktober 11