Go to file
2018-05-28 23:27:12 +05:00
images init project 2018-05-28 23:27:12 +05:00
camera-mic.html init project 2018-05-28 23:27:12 +05:00
camera-mic.js init project 2018-05-28 23:27:12 +05:00
CodecsHandler.js init project 2018-05-28 23:27:12 +05:00
desktop-capturing.js init project 2018-05-28 23:27:12 +05:00
dropdown.html init project 2018-05-28 23:27:12 +05:00
dropdown.js init project 2018-05-28 23:27:12 +05:00
getStats.js init project 2018-05-28 23:27:12 +05:00
IceServersHandler.js init project 2018-05-28 23:27:12 +05:00
index.html init project 2018-05-28 23:27:12 +05:00
manifest.json init project 2018-05-28 23:27:12 +05:00
MultiStreamsMixer.js init project 2018-05-28 23:27:12 +05:00
options.html init project 2018-05-28 23:27:12 +05:00
options.js init project 2018-05-28 23:27:12 +05:00
README.md init project 2018-05-28 23:27:12 +05:00
RTCMultiConnection.js init project 2018-05-28 23:27:12 +05:00
server.js init project 2018-05-28 23:27:12 +05:00
socket.io.js init project 2018-05-28 23:27:12 +05:00
video.html init project 2018-05-28 23:27:12 +05:00
video.js init project 2018-05-28 23:27:12 +05:00
websocket.js init project 2018-05-28 23:27:12 +05:00

Chrome extension for WebRTC Screen Sharing

WebRTC Screen Sharing

How to install?

Install Dessktop Sharing Extension

How to view screen?

Try any of the below URL. Replace your_room_id with real room-id:

https://webrtcweb.com/screen?s=your_room_id
https://cdn.rawgit.com/muaz-khan/Chrome-Extensions/master/desktopCapture-p2p/index.html

Developer Notes

  1. Chrome extension can share your screen, tab, any application's window, camera, microphone and speakers.
  2. Clicking extension icon will generate a unique random room URL. You can share that URL with multiple users and all of them can view your screen.
  3. RTCMultiConnection is a WebRTC library that is used for peer-to-peer WebRTC streaming.
  4. PubNub is used as a signaling method for handshake. However you can use any WebRTC signaing option.
  5. You can replace or include your own STUN+TURN servers in the IceServersHandler.js file.
  6. VP8 is currently default video codecs. However VP9 is recommended. You can always change codecs using options page.
  7. getStats is a WebRTC library that is used for bandwidth & codecs detection. This library is optional. You can always remove it.

Before publishing it for your own business

This step is optional. You can keep using webrtcweb.com URL as a screen viewer.

Open desktop-capturing.js and find following line:

var resultingURL = 'https://webrtcweb.com/screen?s=' + connection.sessionid;

Replace above line with your own server/website:

var resultingURL = 'https://yourWebSite.com/index.html?s=' + connection.sessionid;

You can find index.html here:

How to publish it for your own business?

Make ZIP of the directory. Then navigate to Chrome WebStore Developer Dashboard and click Add New Item blue button.

To learn more about how to publish a chrome extension in Google App Store:

For more information

For additional information, click this link.

It is Open-Sourced!

License

Chrome-Extensions are released under MIT licence . Copyright (c) Muaz Khan.