openvidu/openvidu-browser/src/OpenViduInternal/ScreenSharing/Screen-Capturing-Auto.js

// Last time updated on June 08, 2018

// 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(microsoftEdge) {
        navigator.getDisplayMedia(screen_constraints).then(onSuccess, onFailure);
    }
    else {
        navigator.mediaDevices.getUserMedia(screen_constraints).then(onSuccess)catch(onFailure);
    }
}, 'pass second parameter only if you want system audio');
*/

globalThis.getScreenId = function (firefoxString, callback, custom_parameter) {
    if (navigator.userAgent.indexOf('Edge') !== -1 && (!!navigator.msSaveOrOpenBlob || !!navigator.msSaveBlob)) {
        // microsoft edge => navigator.getDisplayMedia(screen_constraints).then(onSuccess, onFailure);
        callback({
            video: true
        });
        return;
    }

    // for Firefox:
    // sourceId == 'firefox'
    // screen_constraints = {...}
    if (!!navigator.mozGetUserMedia) {
        callback(null, 'firefox', {
            video: {
                mozMediaSource: firefoxString,
                mediaSource: firefoxString
            }
        });
        return;
    }

    globalThis.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, event.data.canRequestAudioTrack)
                );
            }

            // this event listener is no more needed
            globalThis.removeEventListener('message', onIFrameCallback);
        }

        if (event.data.chromeExtensionStatus) {
            callback(event.data.chromeExtensionStatus, null, getScreenConstraints(event.data.chromeExtensionStatus));

            // this event listener is no more needed
            globalThis.removeEventListener('message', onIFrameCallback);
        }
    }

    if (!custom_parameter) {
        setTimeout(postGetSourceIdMessage, 100);
    } else {
        setTimeout(function () {
            postGetSourceIdMessage(custom_parameter);
        }, 100);
    }
};

function getScreenConstraints(error, sourceId, canRequestAudioTrack) {
    var screen_constraints = {
        audio: false,
        video: {
            mandatory: {
                chromeMediaSource: error ? 'screen' : 'desktop',
                maxWidth: globalThis.screen.width > 1920 ? globalThis.screen.width : 1920,
                maxHeight: globalThis.screen.height > 1080 ? globalThis.screen.height : 1080
            },
            optional: []
        }
    };

    if (!!canRequestAudioTrack) {
        screen_constraints.audio = {
            mandatory: {
                chromeMediaSource: error ? 'screen' : 'desktop'
                // echoCancellation: true
            },
            optional: []
        };
    }

    if (sourceId) {
        screen_constraints.video.mandatory.chromeMediaSourceId = sourceId;

        if (screen_constraints.audio && screen_constraints.audio.mandatory) {
            screen_constraints.audio.mandatory.chromeMediaSourceId = sourceId;
        }
    }

    return screen_constraints;
}

function postGetSourceIdMessage(custom_parameter) {
    if (!iframe) {
        loadIFrame(function () {
            postGetSourceIdMessage(custom_parameter);
        });
        return;
    }

    if (!iframe.isLoaded) {
        setTimeout(function () {
            postGetSourceIdMessage(custom_parameter);
        }, 100);
        return;
    }

    if (!custom_parameter) {
        iframe.contentWindow.postMessage(
            {
                captureSourceId: true
            },
            '*'
        );
    } else if (!!custom_parameter.forEach) {
        iframe.contentWindow.postMessage(
            {
                captureCustomSourceId: custom_parameter
            },
            '*'
        );
    } else {
        iframe.contentWindow.postMessage(
            {
                captureSourceIdWithAudio: true
            },
            '*'
        );
    }
}

var iframe;

// this function is used in RTCMultiConnection v3
globalThis.getScreenConstraints = function (callback) {
    loadIFrame(function () {
        getScreenId(function (error, sourceId, screen_constraints) {
            if (!screen_constraints) {
                screen_constraints = {
                    video: true
                };
            }

            callback(error, screen_constraints.video);
        });
    });
};

function loadIFrame(loadCallback) {
    if (iframe) {
        loadCallback();
        return;
    }

    iframe = document.createElement('iframe');
    iframe.onload = function () {
        iframe.isLoaded = true;
        loadCallback();
    };
    iframe.src = 'https://openvidu.github.io/openvidu-screen-sharing-chrome-extension/';
    iframe.style.display = 'none';
    (document.body || document.documentElement).appendChild(iframe);
}

globalThis.getChromeExtensionStatus = function (callback) {
    // for Firefox:
    if (!!navigator.mozGetUserMedia) {
        callback('installed-enabled');
        return;
    }

    globalThis.addEventListener('message', onIFrameCallback);

    function onIFrameCallback(event) {
        if (!event.data) return;

        if (event.data.chromeExtensionStatus) {
            callback(event.data.chromeExtensionStatus);

            // this event listener is no more needed
            globalThis.removeEventListener('message', onIFrameCallback);
        }
    }

    setTimeout(postGetChromeExtensionStatusMessage, 100);
};

function postGetChromeExtensionStatusMessage() {
    if (!iframe) {
        loadIFrame(postGetChromeExtensionStatusMessage);
        return;
    }

    if (!iframe.isLoaded) {
        setTimeout(postGetChromeExtensionStatusMessage, 100);
        return;
    }

    iframe.contentWindow.postMessage(
        {
            getChromeExtensionStatus: true
        },
        '*'
    );
}

exports.getScreenId = globalThis.getScreenId;