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

1. Web & Mobile
Video
Yossi Cohen
Lecture at HTML-IL
1

2. Agenda
 Introduction (Flash)
 HTML5 Video
 WebRTC
 DASH

5. Flash Video Vs HTML5 Video
Engineering 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

6. Flash Video

7. Flash - > HTML Transition

8. 8

9. HTML5 Video Tag
The 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

10. HTML5 Video Tag
The 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

11. HTML5 Video Tag
The 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

12. 12

13. Experience Adaptive HTTP-based streaming
In this case MSS
 http://www.iis.net/media/experiencesmoothstreaming
13

14. Agenda
 What is DASH?
 The Road to Dash
 DASH
14

15. DASH - Dynamic Adaptive
Streaming over HTTP
DASH is an adaptive bitrate streaming technology
where a multimedia file is partitioned into one or
more segments and delivered to a client
using HTTP.
MPD - media presentation description, describes
segment information (timing, URL, media
characteristics such as video resolution and bit
rates).
Segments can contain any media data, however
the specification provides specific guidance and
formats for use with two types of containers:
 MPEG-4 file format
 MPEG-2 Transport Stream
15

16. DASH Scope
16

17. The Road to DASH
 DASH is convergence and super set of several:
 File Formats
 Streaming Approaches
 Security and DRM approaches
17

18. Media Delivery Evolution
18

19. Streaming Protocols Convergence
19

20. File Formats Super-set
DASH Supported FF & Functionality
20

21. DASH
 DASH is a superset of both HLS (Apple) and
MPEG-4 based HTTP streaming
HTTP Streaming
HLS MSS
DASH
21

22. DASH Profiles
MPEG2 TS Main MAIN ISO BMFF
MPEG2 On Demand
Live
TS Simple (VoD)
22

23. 23

24. WebRTC Today !
http://techcrunch.com/2013/02/24/mozilla-att-and-ericsson-team-up-to-
demo-seamless-web-to-mobile-webrtc-integration/
24

25. WebRTC – VC for browsers
What’s Inside
 Audio / Speech Encoding / Decoding
 Video Encoding / Decoding
 Video RTP Packetization / Depacketization
 Dynamic Jitter buffer
 Lip-Sync
 And more
25

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

27. References
 More on

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