Media Source Extension on Webkit

Keyboard shortcuts

Key

Action

K or space

Play / Pause

Mute / Unmute

Select next subtitles

Select next audio track

Show slide in full page or toggle automatic source change

left arrow

Seek 5s backward

right arrow

Seek 5s forward

shift + left arrow or J

Seek 10s backward

shift + right arrow or L

Seek 10s forward

control + left arrow

Seek 60s backward

control + right arrow

Seek 60s forward

shift + down arrow

Decrease volume

shift + up arrow

Increase volume

shift + comma

Decrease playback rate

shift + dot or shift + semicolon

Increase playback rate

end

Seek to end

beginning

Seek to beginning

Loading Click here to add:

Information on this media

Number of views:

294 (this month: 1)

Creation date:

Oct. 21, 2017

Speakers:

Enrique Ocana GonZalez

Company:

Igalia

License:

CC BY-SA 3.0

Description

The Media Source Extensions HTML5 specification allows JavaScript to generate media streams for playback and lets the web page have more control on complex use cases such as adaptive streaming.

This talk starts with a brief introduction about the motivation and basic usage of MSE. Next we will show a design overview of the WebKit implementation of the spec. Then we'll go through the iterative evolution of the GStreamer platform-specific parts, as well as its implementation quirks and challenges faced during the development. The talk continues with a demo, some clues about the future work and a final round of questions.

Enrique is a Software Engineer at Igalia with experience in multimedia, open source web engines and embedded devices. He has several contributions to the WebKit and GStreamer projects and has been working for 3 years on topics related multimedia in GStreamer-based WebKit ports, with a special focus on Media Source Extensions.