kranky geek webrtc 2015 - what is mozilla doing with firefox?

15
Mozilla Corporation Mozilla Corporation Canvas fun and beyond Nils Ohlmeier - Mozilla

Upload: kranky-geek

Post on 20-Feb-2017

372 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas fun and beyondNils Ohlmeier - Mozilla

Page 2: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Regular getUserMedia

Page 3: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

getUserMedia sample code

<video id=”preview”></video>

let pc1 = new mozRTCPeerConnection();navigator.mediaDevices.getUserMedia(constraints).then( function(mystream) { document.getElementById(“preview”).mozSrcObject = mystream; mystream.getTracks().forEach(function(track) { pc1.addTrack(track, mystream); });}

Page 4: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas as video input for PC

● Firefox allows using a canvas as an input for your PeerConnection (by capturing a MediaStream from it)

● Whatever you paint onto a canvas gets streamed to the other side as video (could be recorded as well)

● Supported from Firefox 41 on (preffed off) - expected to be preffed-on in Firefox 43

Page 5: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas to PeerConnection

Page 6: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas sample code

<canvas id=”painting”></canvas>

let pc1 = new mozRTCPeerConnection();let mystream = document.getElementById(“painting”).captureStream(15);

mystream.getTracks().forEach(function(track) { pc1.addTrack(track, mystream);});

Page 7: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas as a filter

Page 8: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Canvas demos

https://nils-ohlmeier.github.io/webrtc-landing/canvas_demo.html

https://nils-ohlmeier.github.io/webrtc-landing/canvas_filter_demo.html

Page 9: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Multiple inputs for the canvas

Page 10: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

New WebRTC features in upcoming Firefoxes

Page 11: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

New WebRTC transport features

Support for IPv6 (Fx 42)● No constraint, on by default

Support for ICE TCP (Fx 41)● Support for active and passive candidates● Currently still preffed off● Simultaneous open supported, but preffed off

Prepare for > 50 ICE candidates soon ;-)

Page 12: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Upcoming audio features

● Audio perf improvements, especially on Windows (Fx41 - Fx44)

● Support for Stereo sound (target: Fx 43)● 32KHz Audio support (target: Fx43)● Audio capture (for screen sharing) (target:

Fx43)

Page 13: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

More upcoming features

● Simulcast support (target: >= Fx45)● applyConstraints() for gUM MediaStreams

(target: Fx44)● Prefs for controlling ICE candidates and

createOffer/Answer hooks (Fx42)● Removing moz prefix from

PeerConnection (Fx43)

Page 14: Kranky Geek WebRTC 2015 - What is Mozilla doing with Firefox?

Mozilla CorporationMozilla Corporation

Q & A

Email: [email protected]: drno in #media