Web & MobileVideoYossi CohenLecture at HTML-IL                     1
Agenda Introduction (Flash) HTML5 Video WebRTC DASH
Flash Video Vs HTML5 VideoEngineering discussion (Facts not rumors) “Flash has inferior video quality…”  Apple Video Cod...
Flash Video
Flash - > HTML Transition
8
HTML5 Video TagThe Short version Embed a player into the browser containing  File Format Demuxer  Audio decoder  Video...
HTML5 Video TagThe Short version Embed a player into the browser containing  File Format Demuxer  Audio decoder  Video...
HTML5 Video TagThe Fragmented version File Format Demuxer – Which file format?  Avi? Ogg? MP4? WebM? Audio decoder – Wh...
12
Experience Adaptive HTTP-based streamingIn this case MSS http://www.iis.net/media/experiencesmoothstreaming              ...
Agenda What is DASH? The Road to Dash DASH                     14
DASH - Dynamic AdaptiveStreaming over HTTP DASH is an adaptive bitrate streaming technologywhere a multimedia file is part...
DASH Scope             16
The Road to DASH DASH is convergence and super set of several:  File Formats  Streaming Approaches  Security and DRM a...
Media Delivery Evolution                           18
Streaming Protocols Convergence                                  19
File Formats Super-set         DASH Supported FF & Functionality                                             20
DASH DASH is a superset of both HLS (Apple) and MPEG-4 based HTTP streaming                HTTP Streaming     HLS        ...
DASH Profiles  MPEG2 TS Main            MAIN ISO BMFF             MPEG2                  On Demand                        ...
23
WebRTC Today !http://techcrunch.com/2013/02/24/mozilla-att-and-ericsson-team-up-to-  demo-seamless-web-to-mobile-webrtc-in...
WebRTC – VC for browsersWhat’s Inside Audio / Speech Encoding / Decoding Video Encoding / Decoding Video RTP Packetizat...
WebRTC API PeerConnection – An Association  between two peers   Containing one or more RTP sessions                     ...
References More on
Thank you!More About me: Video Expert                                       Yossi Cohen Lectures on Video / Android / Vo...
Web video standards
Web video standards
Upcoming SlideShare
Loading in …5
×

Web video standards

2,208 views

Published on

Short lecture on new web video standards: HTML5 Video, Dash and WebRTC @HTML-IL Meetup

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,208
On SlideShare
0
From Embeds
0
Number of Embeds
74
Actions
Shares
0
Downloads
40
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Not really convergence since DASH is more a protocol super-set than a converged protocol Request could be done by byte ranges (like in PD / Psuedo streaming) or by complete media (A+V) segment (like in HLS) or by separate tracks segments (like in MSS)
  • Web video standards

    1. 1. Web & MobileVideoYossi CohenLecture at HTML-IL 1
    2. 2. Agenda Introduction (Flash) HTML5 Video WebRTC DASH
    3. 3. Flash Video Vs HTML5 VideoEngineering discussion (Facts not rumors) “Flash has inferior video quality…”  Apple Video Codec: H.264  Flash Video Codec: H.264 Flash consumes battery  Apple uses Hardware accelerators  Flash uses HW accelerators but not on apple device -> Lots of battery
    4. 4. Flash Video
    5. 5. Flash - > HTML Transition
    6. 6. 8
    7. 7. HTML5 Video TagThe Short version Embed a player into the browser containing  File Format Demuxer  Audio decoder  Video Decoder When a <Video> Tag is detected Media is passed to the player Simple…. Yet Fragmented
    8. 8. HTML5 Video TagThe Short version Embed a player into the browser containing  File Format Demuxer  Audio decoder  Video Decoder When a <Video> Tag is detected Media is passed to the player Simple…. Yet Fragmented
    9. 9. HTML5 Video TagThe Fragmented version File Format Demuxer – Which file format?  Avi? Ogg? MP4? WebM? Audio decoder – Which Audio Codec?  Ogg Vorbis, MP4 AAC, MP3? Video Decoder  Theora, H.264, VP8? So which one to support? We need to support all!!! 11
    10. 10. 12
    11. 11. Experience Adaptive HTTP-based streamingIn this case MSS http://www.iis.net/media/experiencesmoothstreaming 13
    12. 12. Agenda What is DASH? The Road to Dash DASH 14
    13. 13. DASH - Dynamic AdaptiveStreaming over HTTP DASH is an adaptive bitrate streaming technologywhere a multimedia file is partitioned into one ormore segments and delivered to a clientusing HTTP. MPD - media presentation description, describessegment information (timing, URL, mediacharacteristics such as video resolution and bitrates). Segments can contain any media data, howeverthe specification provides specific guidance andformats for use with two types of containers: MPEG-4 file format MPEG-2 Transport Stream 15
    14. 14. DASH Scope 16
    15. 15. The Road to DASH DASH is convergence and super set of several:  File Formats  Streaming Approaches  Security and DRM approaches 17
    16. 16. Media Delivery Evolution 18
    17. 17. Streaming Protocols Convergence 19
    18. 18. File Formats Super-set DASH Supported FF & Functionality 20
    19. 19. DASH DASH is a superset of both HLS (Apple) and MPEG-4 based HTTP streaming HTTP Streaming HLS MSS DASH 21
    20. 20. DASH Profiles MPEG2 TS Main MAIN ISO BMFF MPEG2 On Demand Live TS Simple (VoD) 22
    21. 21. 23
    22. 22. WebRTC Today !http://techcrunch.com/2013/02/24/mozilla-att-and-ericsson-team-up-to- demo-seamless-web-to-mobile-webrtc-integration/ 24
    23. 23. WebRTC – VC for browsersWhat’s Inside Audio / Speech Encoding / Decoding Video Encoding / Decoding Video RTP Packetization / Depacketization Dynamic Jitter buffer Lip-Sync And more 25
    24. 24. WebRTC API PeerConnection – An Association between two peers  Containing one or more RTP sessions TRACK TRACK TRACK TRACK TRACK TRACK TRACK  Sent using one or more bi-directional RTP flow. A MediaStream – An WebRTC API MS1 MS2 MS3 MediaStream  A set of MediaStreamTracks  Synchronized playback SSRC1 SSRC2 SSRC3 MediaStreamTrack  A Media Stream that over RTP will be represented by a SSRC RTP Session RTP Session B RTP Session RTP Session Peer Connection 26
    25. 25. References More on
    26. 26. Thank you!More About me: Video Expert Yossi Cohen Lectures on Video / Android / VoIP yossicohen19@gmail.com Android Native Developer http://www.mobilevideotech.com +972-545-313092

    ×