New WebRTC Screen Sharing for Chrome
Since version 27, Google Chrome offers a screen sharing functionality. That feature was activated with a flag [“Enable screen capture support in getUserMedia()” ].
However Google has recently decided to change the way screen sharing is implemented in Chrome.
From now on, screen sharing requires a Chrome Extension. Yes… each web site editor has to submit its own extension on the Chrome WebStore.
Now the good news: with this new implementation, you can share your entire screen or just a specific window.
As an exemple, this is how the dialog box looks like on Bistri.com when you share a screen:
Neither Firefox nor Opera has support for screen sharing yet. However, you can view a screen or a window shared from Google Chrome on both Firefox and Opera.
Tutorial
- Create your own Chrome Extension, customizing the code of our Screen Sharing Extension on Git. Clone this extension and open the
manifest.json
: – line 2: modify the name attribute – line 15-20: set all domains allowed use this extension - Submit your Chrome Extension on the Chrome Developer Dashboard
- Select the “Inline Installation” checkbox to allow inline install for your extension (documentation)
- Copy the ItemID of your extension:
- Add your Chrome Extension id to the init object
BistriConference.init( { appId: "125...445", appKey: "edhh64...99v35", chromeExtentionId: "paoa...oan", userName: "John Doe" } );
- Start local stream
BistriConference.startStream( "screen-sharing", function( stream ){ // display stream into the page BistriConference.attachStream( stream, document.body ); } );
You can test the Bistri extension on the Bistri demo conference:
http://bistri.com/demo/conf
The full Javascript SDK reference: http://developers.bistri.com/webrtc-sdk/js-sdk-reference/
Add your comment