Top Banner
1 Yossi Cohen Lecture at HTML-IL Web & Mobile Video
28

Web video standards

Jan 15, 2015

Download

Technology

Yossi Cohen

Short lecture on new web video standards: HTML5 Video, Dash and WebRTC @HTML-IL Meetup
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Web video standards

1

Yossi CohenLecture at HTML-IL

Web & Mobile Video

Page 2: Web video standards

Agenda Introduction (Flash)

HTML5 Video

WebRTC

DASH

Page 3: Web video standards
Page 4: Web video standards
Page 5: Web video standards

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

Flash VideoFlash Video

Page 7: Web video standards

Flash - > HTML Transition

Page 8: Web video standards

8

Page 9: Web video standards

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

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

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

12

Page 13: Web video standards

13

Experience Adaptive HTTP-based streaming

http://www.iis.net/media/experiencesmoothstreaming

In this case MSS

Page 14: Web video standards

14

AgendaWhat is DASH?The Road to DashDASH

Page 15: Web video standards

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

16

DASH Scope

Page 17: Web video standards

17

The Road to DASHDASH is convergence and super set of several:

File FormatsStreaming ApproachesSecurity and DRM approaches

Page 18: Web video standards

18

Media Delivery Evolution

Page 19: Web video standards

19

Streaming Protocols Convergence

Page 20: Web video standards

20

DASH Supported FF & Functionality

File Formats Super-set

Page 21: Web video standards

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

22

MPEG2 TS Main

DASH Profiles

MPEG2 TS Simple

MAIN ISO BMFF

Live On Demand (VoD)

Page 23: Web video standards

23

Page 24: Web video standards

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

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

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

ReferencesMore on

Page 28: Web video standards

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