WebRTC Screen Share with Openfire

Blogs Ignite Realtime Blogs
1

Chrome version 26 stable and Firefox (Nightly build) now support full desktop screen sharing. In Chrome, you have to enable “Enable screen capture support in getUserMedia()” with the chrome://flags URL.

Image1.jpg

As the desktop screen is treated as a video device, you only have to make a change to the getUserMedia method for video and your existing application will work with no further changes. As an example, I only made the following change to my webrtc video example and now it allows two users to share their desktop screens

navigator.webkitGetUserMedia(
    {video:{mandatory: {chromeMediaSource: 'screen'}}},
    this.onUserMediaSuccess.bind(this),
    this.onUserMediaError.bind(this)
);

To see it in action, just click on this URL https://webrtc.free-solutions.org:8443/webrtc/screen.html from two different PCs. Register with two different user names (no spaces or special characters).

It is hosted by the very good kind and generous folks at free-solutions.org

4 Likes
2

Yes, it will work

3

Image3.jpg

Just confirmed it works for me with Chrome 27

4

I am using Chrome 27 and have no option " Enable screen capture support in getUserMedia()" in the chrome://flags

5

How can I set this in Chrome??

chromeMediaSource: 'screen'

without modifying the HTML/JS source.

I like to capture screen with jappix-openfire plugin,

6

Sorry, you have to modify code with Javascript/HTML to make that happen

7

I use firefox 22 in Linux, and get this error:

webkitRTCPeerConnection not supported by this browser

8

you have to switch webrtc on with firefox flags/settings