123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230 |
- // Last time updated at Oct 24, 2015, 08:32:23
- // Latest file can be found here: https://cdn.webrtc-experiment.com/getScreenId.js
- // Muaz Khan - www.MuazKhan.com
- // MIT License - www.WebRTC-Experiment.com/licence
- // Documentation - https://github.com/muaz-khan/getScreenId.
- // ______________
- // getScreenId.js
- /*
- getScreenId(function (error, sourceId, screen_constraints) {
- // error == null || 'permission-denied' || 'not-installed' || 'installed-disabled' || 'not-chrome'
- // sourceId == null || 'string' || 'firefox'
- if(sourceId == 'firefox') {
- navigator.mozGetUserMedia(screen_constraints, onSuccess, onFailure);
- }
- else navigator.webkitGetUserMedia(screen_constraints, onSuccess, onFailure);
- });
- */
- (function() {
- window.getScreenId = function(callback) {
- // for Firefox:
- // sourceId == 'firefox'
- // screen_constraints = {...}
- if (!!navigator.mozGetUserMedia) {
- callback(null, 'firefox', {
- video: {
- mozMediaSource: 'window',
- mediaSource: 'window'
- }
- });
- return;
- }
- postMessage();
- window.addEventListener('message', onIFrameCallback);
- function onIFrameCallback(event) {
- if (!event.data) return;
- if (event.data.chromeMediaSourceId) {
- if (event.data.chromeMediaSourceId === 'PermissionDeniedError') {
- callback('permission-denied');
- } else callback(null, event.data.chromeMediaSourceId, getScreenConstraints(null, event.data.chromeMediaSourceId));
- }
- if (event.data.chromeExtensionStatus) {
- callback(event.data.chromeExtensionStatus, null, getScreenConstraints(event.data.chromeExtensionStatus));
- }
- // this event listener is no more needed
- window.removeEventListener('message', onIFrameCallback);
- }
- };
- function getScreenConstraints(error, sourceId) {
- var screen_constraints = {
- audio: false,
- video: {
- mandatory: {
- chromeMediaSource: error ? 'screen' : 'desktop',
- maxWidth: window.screen.width > 1920 ? window.screen.width : 1920,
- maxHeight: window.screen.height > 1080 ? window.screen.height : 1080
- },
- optional: []
- }
- };
- if (sourceId) {
- screen_constraints.video.mandatory.chromeMediaSourceId = sourceId;
- }
- return screen_constraints;
- }
- function postMessage() {
- if (!iframe) {
- loadIFrame(postMessage);
- return;
- }
- if (!iframe.isLoaded) {
- setTimeout(postMessage, 100);
- return;
- }
- iframe.contentWindow.postMessage({
- captureSourceId: true
- }, '*');
- }
- function loadIFrame(loadCallback) {
- if (iframe) {
- loadCallback();
- return;
- }
- iframe = document.createElement('iframe');
- iframe.onload = function() {
- iframe.isLoaded = true;
- loadCallback();
- };
- iframe.src = 'https://www.webrtc-experiment.com/getSourceId/'; // https://wwww.yourdomain.com/getScreenId.html
- iframe.style.display = 'none';
- (document.body || document.documentElement).appendChild(iframe);
- }
- var iframe;
- // this function is used in v3.0
- window.getScreenConstraints = function(callback) {
- loadIFrame(function() {
- getScreenId(function(error, sourceId, screen_constraints) {
- callback(error, screen_constraints.video);
- });
- });
- };
- })();
- (function() {
- if(document.domain.indexOf('webrtc-experiment.com') === -1) {
- return;
- }
- window.getScreenId = function(callback) {
- // for Firefox:
- // sourceId == 'firefox'
- // screen_constraints = {...}
- if (!!navigator.mozGetUserMedia) {
- callback(null, 'firefox', {
- video: {
- mozMediaSource: 'window',
- mediaSource: 'window'
- }
- });
- return;
- }
- postMessage();
- window.addEventListener('message', onIFrameCallback);
- function onIFrameCallback(event) {
- if (!event.data) return;
- if (event.data.chromeMediaSourceId) {
- if (event.data.chromeMediaSourceId === 'PermissionDeniedError') {
- callback('permission-denied');
- } else callback(null, event.data.chromeMediaSourceId, getScreenConstraints(null, event.data.chromeMediaSourceId));
- }
- if (event.data.chromeExtensionStatus) {
- callback(event.data.chromeExtensionStatus, null, getScreenConstraints(event.data.chromeExtensionStatus));
- }
- // this event listener is no more needed
- window.removeEventListener('message', onIFrameCallback);
- }
- };
- function getScreenConstraints(error, sourceId) {
- var screen_constraints = {
- audio: false,
- video: {
- mandatory: {
- chromeMediaSource: error ? 'screen' : 'desktop',
- maxWidth: window.screen.width > 1920 ? window.screen.width : 1920,
- maxHeight: window.screen.height > 1080 ? window.screen.height : 1080
- },
- optional: []
- }
- };
- if (sourceId) {
- screen_constraints.video.mandatory.chromeMediaSourceId = sourceId;
- }
- return screen_constraints;
- }
- function postMessage() {
- if (!iframe) {
- loadIFrame(postMessage);
- return;
- }
- if (!iframe.isLoaded) {
- setTimeout(postMessage, 100);
- return;
- }
- iframe.contentWindow.postMessage({
- captureSourceId: true
- }, '*');
- }
- function loadIFrame(loadCallback) {
- if (iframe) {
- loadCallback();
- return;
- }
- iframe = document.createElement('iframe');
- iframe.onload = function() {
- iframe.isLoaded = true;
- loadCallback();
- };
- iframe.src = 'https://www.webrtc-experiment.com/getSourceId/'; // https://wwww.yourdomain.com/getScreenId.html
- iframe.style.display = 'none';
- (document.body || document.documentElement).appendChild(iframe);
- }
- var iframe;
- // this function is used in v3.0
- window.getScreenConstraints = function(callback) {
- loadIFrame(function() {
- getScreenId(function(error, sourceId, screen_constraints) {
- callback(error, screen_constraints.video);
- });
- });
- };
- })();
|