6 Months with WebRTC

3,691 views

Published on

Presentation by Arin Sime, David Alfaro, and Mariana Lopez at the HTML5DevConf May 2014 in San Francisco. Overview of WebRTC and then what we learned in our first 6 months of using it to build a webinar tool.

Published in: Internet, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,691
On SlideShare
0
From Embeds
0
Number of Embeds
2,477
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

6 Months with WebRTC

  1. 1. 6 Months with WebRTC
  2. 2. Learnings: Browsers are a PITA navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia ||navigator.mozGetUserMedia || navigator.msGetUserMedia); if(navigator.getUserMedia != null){ navigator.getUserMedia(options, function(stream) { if(typeof callback === 'function'){ callback(stream); } }, function(e) { console.log('No access to getUserMedia!', e); if(e.name === "PermissionDeniedError" && window.location.protocol !== "https:"){ alert("Must be behind a SSL..."); } if(typeof errorCallback === 'function'){ errorCallback(e); } }); }
  3. 3. Learnings: API’s are a big help function publishStream(uuid) { pubnub.publish({ user: uuid, stream: myStream }); pubnub.subscribe({ user: uuid, stream: function (data, event) { document.querySelector(‘#call-video’).src = URL.createObjectUrl(event.stream); }, disconnect: function (uuid, pc) { document.querySelector(“#call-video”).src = “”; $(document).trigger(“call:end”); } }); }; From: http://www.pubnub.com/developers/webrtc/
  4. 4. Learnings: Echoes not so helpful agility_webrtc.showStream({ who : "presenter" , container : '#video'}); //If I'm the presenter, mute the video to prevent echos $(”#video").prop('muted', true);
  5. 5. Learnings: UX considerations Code sample to go here
  6. 6. Learnings: Dropped connections
  7. 7. Learnings: Manual Handshaking Code sample to go here
  8. 8. Learnings: Corporate Firewalls Code sample to go here Image from http://www.html5rocks.com/en/tutorials/webrtc/basics/

×