web video standards
DESCRIPTION
Short lecture on new web video standards: HTML5 Video, Dash and WebRTC @HTML-IL MeetupTRANSCRIPT
![Page 1: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/1.jpg)
1
Yossi CohenLecture at HTML-IL
Web & Mobile Video
![Page 2: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/2.jpg)
Agenda Introduction (Flash)
HTML5 Video
WebRTC
DASH
![Page 3: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/3.jpg)
![Page 4: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/4.jpg)
![Page 5: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/5.jpg)
Flash Video Vs HTML5 Video
“Flash has inferior video quality…”Apple Video Codec: H.264Flash Video Codec: H.264
Flash consumes battery Apple uses Hardware acceleratorsFlash uses HW accelerators but not on apple device -> Lots of battery
Engineering discussion (Facts not rumors)
![Page 6: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/6.jpg)
Flash VideoFlash Video
![Page 7: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/7.jpg)
Flash - > HTML Transition
![Page 8: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/8.jpg)
8
![Page 9: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/9.jpg)
HTML5 Video Tag
Embed a player into the browser containingFile Format Demuxer Audio decoderVideo Decoder
When a <Video> Tag is detectedMedia is passed to the playerSimple….Yet Fragmented
The Short version
![Page 10: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/10.jpg)
HTML5 Video Tag
Embed a player into the browser containingFile Format Demuxer Audio decoderVideo Decoder
When a <Video> Tag is detectedMedia is passed to the playerSimple….Yet Fragmented
The Short version
![Page 11: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/11.jpg)
11
HTML5 Video Tag
File Format Demuxer – Which file format?Avi? Ogg? MP4? WebM?
Audio decoder – Which Audio Codec?Ogg Vorbis, MP4 AAC, MP3?
Video DecoderTheora, H.264, VP8?
So which one to support?We need to support all!!!
The Fragmented version
![Page 12: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/12.jpg)
12
![Page 13: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/13.jpg)
13
Experience Adaptive HTTP-based streaming
http://www.iis.net/media/experiencesmoothstreaming
In this case MSS
![Page 14: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/14.jpg)
14
AgendaWhat is DASH?The Road to DashDASH
![Page 15: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/15.jpg)
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
![Page 16: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/16.jpg)
16
DASH Scope
![Page 17: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/17.jpg)
17
The Road to DASHDASH is convergence and super set of several:
File FormatsStreaming ApproachesSecurity and DRM approaches
![Page 18: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/18.jpg)
18
Media Delivery Evolution
![Page 19: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/19.jpg)
19
Streaming Protocols Convergence
![Page 20: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/20.jpg)
20
DASH Supported FF & Functionality
File Formats Super-set
![Page 21: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/21.jpg)
21
HTTP Streaming
DASHDASH is a superset of both HLS (Apple) and
MPEG-4 based HTTP streaming
HLS MSS
DASH
![Page 22: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/22.jpg)
22
MPEG2 TS Main
DASH Profiles
MPEG2 TS Simple
MAIN ISO BMFF
Live On Demand (VoD)
![Page 23: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/23.jpg)
23
![Page 24: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/24.jpg)
24
WebRTC Today !http://techcrunch.com/2013/02/24/mozilla-att-and-ericsson-team-up-to-demo-seamless-web-to-mobile-webrtc-
integration/
![Page 25: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/25.jpg)
25
WebRTC – VC for browsers
Audio / Speech Encoding / Decoding
Video Encoding / Decoding
Video RTP Packetization / Depacketization
Dynamic Jitter buffer
Lip-Sync
And more
What’s Inside
![Page 26: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/26.jpg)
26
Peer Connection
A
PeerConnection – An Association between two peers Containing one or more RTP sessions Sent using one or more bi-directional RTP
flow.
MediaStream – An WebRTC API MediaStream A set of MediaStreamTracks Synchronized playback
MediaStreamTrack A Media Stream that over RTP will be
represented by a SSRC
WebRTC API
MS1 MS2 MS3
RTP Session
SS
RC
1
SS
RC
2
SS
RC
3
TR
AC
K
TR
AC
K
TR
AC
K
TR
AC
K
TR
AC
K
TR
AC
K
TR
AC
K
B
RTP Session
RTP Session RTP Session
![Page 27: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/27.jpg)
ReferencesMore on
![Page 28: Web video standards](https://reader033.vdocuments.us/reader033/viewer/2022061218/54b799e94a7959956b8b4570/html5/thumbnails/28.jpg)
Thank you!
Video Expert
Lectures on Video / Android / VoIP
Android Native Developer
More About me:
Yossi CohenYossi [email protected]://www.mobilevideotech.com
+972-545-313092+972-545-313092