SlideShare a Scribd company logo
1 of 11
Download to read offline
Using HTTP Live
                 Streaming


                          twitter:@vonbo
                              29/02/2012

12年2月29日星期三                                1
Intro

              Streaming audio or video to iPhone, iPod
              touch, iPad, or Apple TV

              Streaming live events without special server
              software

              Sending video on demand with encryption
              and authentication



12年2月29日星期三                                                  2
Intro




12年2月29日星期三           3
Step By Step

              Download segment tools from apple (https:/ /
              developer.apple.com/downloads/index.action
              search “HTTP Live Streaming Tools”)

              Segment original file into several pieces (.ts
              file) every 5 ~ 10 seconds

              Generate a manifest file (.m3u8 file) which
              includes all the ts file name



12年2月29日星期三                                                   4
Sample - Step 1 - Segment
              $ cd /User/fengbo/project/testhsl/bgrs

              $ ls

                     rwarren.mp4         Use the mediafilesegmenter
              $ mediafilesegmenter rwarren.mp4    command
                     Feb 29 2012 11:22:36.949: Using floating point is not backward compatible to
                     iOS 4.1 or earlier devices

                     Feb 29 2012 11:22:36.950: Processing file /Users/fengbo/project/testhsl/bgrs/
                     rwarren.mp4

                     Feb 29 2012 11:22:37.577: Finalized fileSequence0.ts

                     Feb 29 2012 11:22:37.577: segment bitrate 1.30908e+06 is new max

                     Feb 29 2012 11:22:37.587: Finalized fileSequence1.ts

                     Feb 29 2012 11:22:37.600: Finalized fileSequence2.ts

                     Feb 29 2012 11:22:37.618: Finalized fileSequence3.ts

                     ....



12年2月29日星期三                                                                                         5
Sample - Step 1 - Segment


              $ ls

                fileSequence0.ts     fileSequence115.ts
                fileSequence19.ts    fileSequence36.ts
                fileSequence53.ts     fileSequence70.ts
                fileSequence88.ts   ... prog_index.m3u8

                                         The manifest file


12年2月29日星期三                                                 6
Sample - Step 1 - Segment

          prog_index.m3u8




12年2月29日星期三                           7
Sample - Step 2 - Deploy

              Config Apache




12年2月29日星期三                          8
Sample - Step 2 - Deploy
              Write HTML page

              cd /User/fengbo/project/testhsl

              vim index.html




12年2月29日星期三                                     9
Sample - Step 2 - View
               Open in Safari (Current can not work in Google Chrome)




                            It works !!!
12年2月29日星期三                                                             10
End

              For more, visit :

              https://developer.apple.com/library/mac/
              #documentation/NetworkingInternet/
              Conceptual/StreamingMediaGuide/
              Introduction/Introduction.html#/  /apple_ref/
              doc/uid/TP40008332-CH1-
              DontLinkElementID_39



12年2月29日星期三                                                   11

More Related Content

Viewers also liked

Video Streaming
Video StreamingVideo Streaming
Video Streaming
Videoguy
 
Dynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
Dynamic Adaptive Streaming over HTTP: From Content Creation to ConsumptionDynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
Dynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
Alpen-Adria-Universität
 
Dynamic Adaptive Streaming over HTTP (DASH)
Dynamic Adaptive Streaming over HTTP (DASH)Dynamic Adaptive Streaming over HTTP (DASH)
Dynamic Adaptive Streaming over HTTP (DASH)
Alpen-Adria-Universität
 

Viewers also liked (13)

Apple's live http streaming
Apple's live http streamingApple's live http streaming
Apple's live http streaming
 
Adaptive Media Streaming: The Role of Standards
Adaptive Media Streaming: The Role of StandardsAdaptive Media Streaming: The Role of Standards
Adaptive Media Streaming: The Role of Standards
 
Live streaming of video and subtitles with MPEG-DASH
Live streaming of video and subtitles with MPEG-DASHLive streaming of video and subtitles with MPEG-DASH
Live streaming of video and subtitles with MPEG-DASH
 
Using DASH and MPEG-2 TS
Using DASH and MPEG-2 TSUsing DASH and MPEG-2 TS
Using DASH and MPEG-2 TS
 
Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043
 
Video Streaming
Video StreamingVideo Streaming
Video Streaming
 
Dynamic Adaptive Streaming over HTTP/2.0
Dynamic Adaptive Streaming over HTTP/2.0Dynamic Adaptive Streaming over HTTP/2.0
Dynamic Adaptive Streaming over HTTP/2.0
 
HTTP Streaming of MPEG Media
HTTP Streaming of MPEG MediaHTTP Streaming of MPEG Media
HTTP Streaming of MPEG Media
 
Edge 2014: MPEG DASH – Tomorrow's Format Today
Edge 2014: MPEG DASH – Tomorrow's Format TodayEdge 2014: MPEG DASH – Tomorrow's Format Today
Edge 2014: MPEG DASH – Tomorrow's Format Today
 
MPEG-DASH: Overview, State-of-the-Art, and Future Roadmap
MPEG-DASH: Overview, State-of-the-Art, and Future RoadmapMPEG-DASH: Overview, State-of-the-Art, and Future Roadmap
MPEG-DASH: Overview, State-of-the-Art, and Future Roadmap
 
Dynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
Dynamic Adaptive Streaming over HTTP: From Content Creation to ConsumptionDynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
Dynamic Adaptive Streaming over HTTP: From Content Creation to Consumption
 
MPEG-DASH open source tools and cloud services
MPEG-DASH open source tools and cloud servicesMPEG-DASH open source tools and cloud services
MPEG-DASH open source tools and cloud services
 
Dynamic Adaptive Streaming over HTTP (DASH)
Dynamic Adaptive Streaming over HTTP (DASH)Dynamic Adaptive Streaming over HTTP (DASH)
Dynamic Adaptive Streaming over HTTP (DASH)
 

Similar to Http Live Streaming Intro (6)

Apache cordova 開發環境建置
Apache cordova 開發環境建置Apache cordova 開發環境建置
Apache cordova 開發環境建置
 
Tmall demo environment
Tmall demo environmentTmall demo environment
Tmall demo environment
 
Demo review
Demo reviewDemo review
Demo review
 
Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)
 
新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽
 
Dev c++整合開發工具教學
Dev c++整合開發工具教學Dev c++整合開發工具教學
Dev c++整合開發工具教學
 

Http Live Streaming Intro

  • 1. Using HTTP Live Streaming twitter:@vonbo 29/02/2012 12年2月29日星期三 1
  • 2. Intro Streaming audio or video to iPhone, iPod touch, iPad, or Apple TV Streaming live events without special server software Sending video on demand with encryption and authentication 12年2月29日星期三 2
  • 4. Step By Step Download segment tools from apple (https:/ / developer.apple.com/downloads/index.action search “HTTP Live Streaming Tools”) Segment original file into several pieces (.ts file) every 5 ~ 10 seconds Generate a manifest file (.m3u8 file) which includes all the ts file name 12年2月29日星期三 4
  • 5. Sample - Step 1 - Segment $ cd /User/fengbo/project/testhsl/bgrs $ ls rwarren.mp4 Use the mediafilesegmenter $ mediafilesegmenter rwarren.mp4 command Feb 29 2012 11:22:36.949: Using floating point is not backward compatible to iOS 4.1 or earlier devices Feb 29 2012 11:22:36.950: Processing file /Users/fengbo/project/testhsl/bgrs/ rwarren.mp4 Feb 29 2012 11:22:37.577: Finalized fileSequence0.ts Feb 29 2012 11:22:37.577: segment bitrate 1.30908e+06 is new max Feb 29 2012 11:22:37.587: Finalized fileSequence1.ts Feb 29 2012 11:22:37.600: Finalized fileSequence2.ts Feb 29 2012 11:22:37.618: Finalized fileSequence3.ts .... 12年2月29日星期三 5
  • 6. Sample - Step 1 - Segment $ ls fileSequence0.ts fileSequence115.ts fileSequence19.ts fileSequence36.ts fileSequence53.ts fileSequence70.ts fileSequence88.ts ... prog_index.m3u8 The manifest file 12年2月29日星期三 6
  • 7. Sample - Step 1 - Segment prog_index.m3u8 12年2月29日星期三 7
  • 8. Sample - Step 2 - Deploy Config Apache 12年2月29日星期三 8
  • 9. Sample - Step 2 - Deploy Write HTML page cd /User/fengbo/project/testhsl vim index.html 12年2月29日星期三 9
  • 10. Sample - Step 2 - View Open in Safari (Current can not work in Google Chrome) It works !!! 12年2月29日星期三 10
  • 11. End For more, visit : https://developer.apple.com/library/mac/ #documentation/NetworkingInternet/ Conceptual/StreamingMediaGuide/ Introduction/Introduction.html#/ /apple_ref/ doc/uid/TP40008332-CH1- DontLinkElementID_39 12年2月29日星期三 11