狠狠撸

狠狠撸Share a Scribd company logo
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 ?le into several pieces (.ts
              ?le) every 5 ~ 10 seconds

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



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

              $ ls

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

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

                     Feb 29 2012 11:22:37.577: Finalized ?leSequence0.ts

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

                     Feb 29 2012 11:22:37.587: Finalized ?leSequence1.ts

                     Feb 29 2012 11:22:37.600: Finalized ?leSequence2.ts

                     Feb 29 2012 11:22:37.618: Finalized ?leSequence3.ts

                     ....



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


              $ ls

                ?leSequence0.ts     ?leSequence115.ts
                ?leSequence19.ts    ?leSequence36.ts
                ?leSequence53.ts     ?leSequence70.ts
                ?leSequence88.ts   ... prog_index.m3u8

                                         The manifest ?le


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

          prog_index.m3u8




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

              Con?g 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 (13)

Apple's live http streaming
Apple's live http streamingApple's live http streaming
Apple's live http streaming
Yoss Cohen
?
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
Alpen-Adria-Universit?t
?
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
Cyril Concolato
?
Using DASH and MPEG-2 TS
Using DASH and MPEG-2 TSUsing DASH and MPEG-2 TS
Using DASH and MPEG-2 TS
Alex Giladi
?
Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043
mc_killah
?
Video Streaming
Video StreamingVideo Streaming
Video Streaming
Videoguy
?
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
Christopher Mueller
?
HTTP Streaming of MPEG Media
HTTP Streaming of MPEG MediaHTTP Streaming of MPEG Media
HTTP Streaming of MPEG Media
Alpen-Adria-Universit?t
?
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
Akamai Technologies
?
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
Alpen-Adria-Universit?t
?
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
?
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
Stefan Lederer / bitmovin.net
?
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
?
Apple's live http streaming
Apple's live http streamingApple's live http streaming
Apple's live http streaming
Yoss Cohen
?
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
Alpen-Adria-Universit?t
?
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
Cyril Concolato
?
Using DASH and MPEG-2 TS
Using DASH and MPEG-2 TSUsing DASH and MPEG-2 TS
Using DASH and MPEG-2 TS
Alex Giladi
?
Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043Ebu mpeg dash-webinar043
Ebu mpeg dash-webinar043
mc_killah
?
Video Streaming
Video StreamingVideo Streaming
Video Streaming
Videoguy
?
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
Christopher Mueller
?
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
Akamai Technologies
?
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
Alpen-Adria-Universit?t
?
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
?

Similar to Http Live Streaming Intro (6)

Apache cordova 開發環境建置
Apache cordova 開發環境建置Apache cordova 開發環境建置
Apache cordova 開發環境建置
My own sweet home!
?
Tmall demo environment
Tmall demo environmentTmall demo environment
Tmall demo environment
tbmallf2e
?
Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)
tuhaihe
?
新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽
ilovejoomla
?
Dev c++整合開發工具教學
Dev c++整合開發工具教學Dev c++整合開發工具教學
Dev c++整合開發工具教學
Lin Steven
?
Apache cordova 開發環境建置
Apache cordova 開發環境建置Apache cordova 開發環境建置
Apache cordova 開發環境建置
My own sweet home!
?
Tmall demo environment
Tmall demo environmentTmall demo environment
Tmall demo environment
tbmallf2e
?
Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)Linux deepin 11.12 用户指南(简体中文版)
Linux deepin 11.12 用户指南(简体中文版)
tuhaihe
?
新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽新世代-Joomla 3.0導覽
新世代-Joomla 3.0導覽
ilovejoomla
?
Dev c++整合開發工具教學
Dev c++整合開發工具教學Dev c++整合開發工具教學
Dev c++整合開發工具教學
Lin Steven
?

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 ?le into several pieces (.ts ?le) every 5 ~ 10 seconds Generate a manifest ?le (.m3u8 ?le) which includes all the ts ?le name 12年2月29日星期三 4
  • 5. Sample - Step 1 - Segment $ cd /User/fengbo/project/testhsl/bgrs $ ls rwarren.mp4 Use the media?lesegmenter $ media?lesegmenter rwarren.mp4 command Feb 29 2012 11:22:36.949: Using ?oating point is not backward compatible to iOS 4.1 or earlier devices Feb 29 2012 11:22:36.950: Processing ?le /Users/fengbo/project/testhsl/bgrs/ rwarren.mp4 Feb 29 2012 11:22:37.577: Finalized ?leSequence0.ts Feb 29 2012 11:22:37.577: segment bitrate 1.30908e+06 is new max Feb 29 2012 11:22:37.587: Finalized ?leSequence1.ts Feb 29 2012 11:22:37.600: Finalized ?leSequence2.ts Feb 29 2012 11:22:37.618: Finalized ?leSequence3.ts .... 12年2月29日星期三 5
  • 6. Sample - Step 1 - Segment $ ls ?leSequence0.ts ?leSequence115.ts ?leSequence19.ts ?leSequence36.ts ?leSequence53.ts ?leSequence70.ts ?leSequence88.ts ... prog_index.m3u8 The manifest ?le 12年2月29日星期三 6
  • 7. Sample - Step 1 - Segment prog_index.m3u8 12年2月29日星期三 7
  • 8. Sample - Step 2 - Deploy Con?g 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