jiti-meet/modules/RTC/adapter.screenshare.js

1330 lines
46 KiB
JavaScript

/*! adapterjs - custom version from - 2015-08-12 */
// Adapter's interface.
var AdapterJS = AdapterJS || {};
// Browserify compatibility
if(typeof exports !== 'undefined') {
module.exports = AdapterJS;
}
AdapterJS.options = AdapterJS.options || {};
// uncomment to get virtual webcams
// AdapterJS.options.getAllCams = true;
// uncomment to prevent the install prompt when the plugin in not yet installed
// AdapterJS.options.hidePluginInstallPrompt = true;
// AdapterJS version
AdapterJS.VERSION = '0.11.1';
// This function will be called when the WebRTC API is ready to be used
// Whether it is the native implementation (Chrome, Firefox, Opera) or
// the plugin
// You may Override this function to synchronise the start of your application
// with the WebRTC API being ready.
// If you decide not to override use this synchronisation, it may result in
// an extensive CPU usage on the plugin start (once per tab loaded)
// Params:
// - isUsingPlugin: true is the WebRTC plugin is being used, false otherwise
//
AdapterJS.onwebrtcready = AdapterJS.onwebrtcready || function(isUsingPlugin) {
// The WebRTC API is ready.
// Override me and do whatever you want here
};
// Sets a callback function to be called when the WebRTC interface is ready.
// The first argument is the function to callback.\
// Throws an error if the first argument is not a function
AdapterJS.webRTCReady = function (callback) {
if (typeof callback !== 'function') {
throw new Error('Callback provided is not a function');
}
if (true === AdapterJS.onwebrtcreadyDone) {
// All WebRTC interfaces are ready, just call the callback
callback(null !== AdapterJS.WebRTCPlugin.plugin);
} else {
// will be triggered automatically when your browser/plugin is ready.
AdapterJS.onwebrtcready = callback;
}
};
// Plugin namespace
AdapterJS.WebRTCPlugin = AdapterJS.WebRTCPlugin || {};
// The object to store plugin information
AdapterJS.WebRTCPlugin.pluginInfo = {
prefix : 'Tem',
plugName : 'TemWebRTCPlugin',
pluginId : 'plugin0',
type : 'application/x-temwebrtcplugin',
onload : '__TemWebRTCReady0',
portalLink : 'http://skylink.io/plugin/',
downloadLink : null, //set below
companyName: 'Temasys'
};
if(!!navigator.platform.match(/^Mac/i)) {
AdapterJS.WebRTCPlugin.pluginInfo.downloadLink = 'http://bit.ly/1n77hco';
}
else if(!!navigator.platform.match(/^Win/i)) {
AdapterJS.WebRTCPlugin.pluginInfo.downloadLink = 'http://bit.ly/1kkS4FN';
}
// Unique identifier of each opened page
AdapterJS.WebRTCPlugin.pageId = Math.random().toString(36).slice(2);
// Use this whenever you want to call the plugin.
AdapterJS.WebRTCPlugin.plugin = null;
// Set log level for the plugin once it is ready.
// The different values are
// This is an asynchronous function that will run when the plugin is ready
AdapterJS.WebRTCPlugin.setLogLevel = null;
// Defines webrtc's JS interface according to the plugin's implementation.
// Define plugin Browsers as WebRTC Interface.
AdapterJS.WebRTCPlugin.defineWebRTCInterface = null;
// This function detects whether or not a plugin is installed.
// Checks if Not IE (firefox, for example), else if it's IE,
// we're running IE and do something. If not it is not supported.
AdapterJS.WebRTCPlugin.isPluginInstalled = null;
// Lets adapter.js wait until the the document is ready before injecting the plugin
AdapterJS.WebRTCPlugin.pluginInjectionInterval = null;
// Inject the HTML DOM object element into the page.
AdapterJS.WebRTCPlugin.injectPlugin = null;
// States of readiness that the plugin goes through when
// being injected and stated
AdapterJS.WebRTCPlugin.PLUGIN_STATES = {
NONE : 0, // no plugin use
INITIALIZING : 1, // Detected need for plugin
INJECTING : 2, // Injecting plugin
INJECTED: 3, // Plugin element injected but not usable yet
READY: 4 // Plugin ready to be used
};
// Current state of the plugin. You cannot use the plugin before this is
// equal to AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.NONE;
// True is AdapterJS.onwebrtcready was already called, false otherwise
// Used to make sure AdapterJS.onwebrtcready is only called once
AdapterJS.onwebrtcreadyDone = false;
// Log levels for the plugin.
// To be set by calling AdapterJS.WebRTCPlugin.setLogLevel
/*
Log outputs are prefixed in some cases.
INFO: Information reported by the plugin.
ERROR: Errors originating from within the plugin.
WEBRTC: Error originating from within the libWebRTC library
*/
// From the least verbose to the most verbose
AdapterJS.WebRTCPlugin.PLUGIN_LOG_LEVELS = {
NONE : 'NONE',
ERROR : 'ERROR',
WARNING : 'WARNING',
INFO: 'INFO',
VERBOSE: 'VERBOSE',
SENSITIVE: 'SENSITIVE'
};
// Does a waiting check before proceeding to load the plugin.
AdapterJS.WebRTCPlugin.WaitForPluginReady = null;
// This methid will use an interval to wait for the plugin to be ready.
AdapterJS.WebRTCPlugin.callWhenPluginReady = null;
// !!!! WARNING: DO NOT OVERRIDE THIS FUNCTION. !!!
// This function will be called when plugin is ready. It sends necessary
// details to the plugin.
// The function will wait for the document to be ready and the set the
// plugin state to AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY,
// indicating that it can start being requested.
// This function is not in the IE/Safari condition brackets so that
// TemPluginLoaded function might be called on Chrome/Firefox.
// This function is the only private function that is not encapsulated to
// allow the plugin method to be called.
__TemWebRTCReady0 = function () {
if (document.readyState === 'complete') {
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY;
AdapterJS.maybeThroughWebRTCReady();
} else {
AdapterJS.WebRTCPlugin.documentReadyInterval = setInterval(function () {
if (document.readyState === 'complete') {
// TODO: update comments, we wait for the document to be ready
clearInterval(AdapterJS.WebRTCPlugin.documentReadyInterval);
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY;
AdapterJS.maybeThroughWebRTCReady();
}
}, 100);
}
};
AdapterJS.maybeThroughWebRTCReady = function() {
if (!AdapterJS.onwebrtcreadyDone) {
AdapterJS.onwebrtcreadyDone = true;
if (typeof(AdapterJS.onwebrtcready) === 'function') {
AdapterJS.onwebrtcready(AdapterJS.WebRTCPlugin.plugin !== null);
}
}
};
// Text namespace
AdapterJS.TEXT = {
PLUGIN: {
REQUIRE_INSTALLATION: 'This website requires you to install a WebRTC-enabling plugin ' +
'to work on this browser.',
NOT_SUPPORTED: 'Your browser does not support WebRTC.',
BUTTON: 'Install Now'
},
REFRESH: {
REQUIRE_REFRESH: 'Please refresh page',
BUTTON: 'Refresh Page'
}
};
// The result of ice connection states.
// - starting: Ice connection is starting.
// - checking: Ice connection is checking.
// - connected Ice connection is connected.
// - completed Ice connection is connected.
// - done Ice connection has been completed.
// - disconnected Ice connection has been disconnected.
// - failed Ice connection has failed.
// - closed Ice connection is closed.
AdapterJS._iceConnectionStates = {
starting : 'starting',
checking : 'checking',
connected : 'connected',
completed : 'connected',
done : 'completed',
disconnected : 'disconnected',
failed : 'failed',
closed : 'closed'
};
//The IceConnection states that has been fired for each peer.
AdapterJS._iceConnectionFiredStates = [];
// Check if WebRTC Interface is defined.
AdapterJS.isDefined = null;
// This function helps to retrieve the webrtc detected browser information.
// This sets:
// - webrtcDetectedBrowser: The browser agent name.
// - webrtcDetectedVersion: The browser version.
// - webrtcDetectedType: The types of webRTC support.
// - 'moz': Mozilla implementation of webRTC.
// - 'webkit': WebKit implementation of webRTC.
// - 'plugin': Using the plugin implementation.
AdapterJS.parseWebrtcDetectedBrowser = function () {
var hasMatch, checkMatch = navigator.userAgent.match(
/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if (/trident/i.test(checkMatch[1])) {
hasMatch = /\brv[ :]+(\d+)/g.exec(navigator.userAgent) || [];
webrtcDetectedBrowser = 'IE';
webrtcDetectedVersion = parseInt(hasMatch[1] || '0', 10);
} else if (checkMatch[1] === 'Chrome') {
hasMatch = navigator.userAgent.match(/\bOPR\/(\d+)/);
if (hasMatch !== null) {
webrtcDetectedBrowser = 'opera';
webrtcDetectedVersion = parseInt(hasMatch[1], 10);
}
}
if (navigator.userAgent.indexOf('Safari')) {
if (typeof InstallTrigger !== 'undefined') {
webrtcDetectedBrowser = 'firefox';
} else if (/*@cc_on!@*/ false || !!document.documentMode) {
webrtcDetectedBrowser = 'IE';
} else if (
Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0) {
webrtcDetectedBrowser = 'safari';
} else if (!!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0) {
webrtcDetectedBrowser = 'opera';
} else if (!!window.chrome) {
webrtcDetectedBrowser = 'chrome';
}
}
if (!webrtcDetectedBrowser) {
webrtcDetectedVersion = checkMatch[1];
}
if (!webrtcDetectedVersion) {
try {
checkMatch = (checkMatch[2]) ? [checkMatch[1], checkMatch[2]] :
[navigator.appName, navigator.appVersion, '-?'];
if ((hasMatch = navigator.userAgent.match(/version\/(\d+)/i)) !== null) {
checkMatch.splice(1, 1, hasMatch[1]);
}
webrtcDetectedVersion = parseInt(checkMatch[1], 10);
} catch (error) { }
}
};
// To fix configuration as some browsers does not support
// the 'urls' attribute.
AdapterJS.maybeFixConfiguration = function (pcConfig) {
if (pcConfig === null) {
return;
}
for (var i = 0; i < pcConfig.iceServers.length; i++) {
if (pcConfig.iceServers[i].hasOwnProperty('urls')) {
pcConfig.iceServers[i].url = pcConfig.iceServers[i].urls;
delete pcConfig.iceServers[i].urls;
}
}
};
AdapterJS.addEvent = function(elem, evnt, func) {
if (elem.addEventListener) { // W3C DOM
elem.addEventListener(evnt, func, false);
} else if (elem.attachEvent) {// OLD IE DOM
elem.attachEvent('on'+evnt, func);
} else { // No much to do
elem[evnt] = func;
}
};
AdapterJS.renderNotificationBar = function (text, buttonText, buttonLink, openNewTab, displayRefreshBar) {
// only inject once the page is ready
if (document.readyState !== 'complete') {
return;
}
var w = window;
var i = document.createElement('iframe');
i.style.position = 'fixed';
i.style.top = '-41px';
i.style.left = 0;
i.style.right = 0;
i.style.width = '100%';
i.style.height = '40px';
i.style.backgroundColor = '#ffffe1';
i.style.border = 'none';
i.style.borderBottom = '1px solid #888888';
i.style.zIndex = '9999999';
if(typeof i.style.webkitTransition === 'string') {
i.style.webkitTransition = 'all .5s ease-out';
} else if(typeof i.style.transition === 'string') {
i.style.transition = 'all .5s ease-out';
}
document.body.appendChild(i);
c = (i.contentWindow) ? i.contentWindow :
(i.contentDocument.document) ? i.contentDocument.document : i.contentDocument;
c.document.open();
c.document.write('<span style="display: inline-block; font-family: Helvetica, Arial,' +
'sans-serif; font-size: .9rem; padding: 4px; vertical-align: ' +
'middle; cursor: default;">' + text + '</span>');
if(buttonText && buttonLink) {
c.document.write('<button id="okay">' + buttonText + '</button><button>Cancel</button>');
c.document.close();
AdapterJS.addEvent(c.document.getElementById('okay'), 'click', function(e) {
if (!!displayRefreshBar) {
AdapterJS.renderNotificationBar(AdapterJS.TEXT.EXTENSION ?
AdapterJS.TEXT.EXTENSION.REQUIRE_REFRESH : AdapterJS.TEXT.REFRESH.REQUIRE_REFRESH,
AdapterJS.TEXT.REFRESH.BUTTON, 'javascript:location.reload()');
}
window.open(buttonLink, !!openNewTab ? '_blank' : '_top');
e.preventDefault();
try {
event.cancelBubble = true;
} catch(error) { }
var pluginInstallInterval = setInterval(function(){
if(! isIE) {
navigator.plugins.refresh(false);
}
AdapterJS.WebRTCPlugin.isPluginInstalled(
AdapterJS.WebRTCPlugin.pluginInfo.prefix,
AdapterJS.WebRTCPlugin.pluginInfo.plugName,
function() {
clearInterval(pluginInstallInterval);
AdapterJS.WebRTCPlugin.defineWebRTCInterface()
},
function() { //Does nothing because not used here
});
} , 500);
});
}else {
c.document.close();
}
AdapterJS.addEvent(c.document, 'click', function() {
w.document.body.removeChild(i);
});
setTimeout(function() {
if(typeof i.style.webkitTransform === 'string') {
i.style.webkitTransform = 'translateY(40px)';
} else if(typeof i.style.transform === 'string') {
i.style.transform = 'translateY(40px)';
} else {
i.style.top = '0px';
}
}, 300);
};
// -----------------------------------------------------------
// Detected webrtc implementation. Types are:
// - 'moz': Mozilla implementation of webRTC.
// - 'webkit': WebKit implementation of webRTC.
// - 'plugin': Using the plugin implementation.
webrtcDetectedType = null;
// Detected webrtc datachannel support. Types are:
// - 'SCTP': SCTP datachannel support.
// - 'RTP': RTP datachannel support.
webrtcDetectedDCSupport = null;
// Set the settings for creating DataChannels, MediaStream for
// Cross-browser compability.
// - This is only for SCTP based support browsers.
// the 'urls' attribute.
checkMediaDataChannelSettings =
function (peerBrowserAgent, peerBrowserVersion, callback, constraints) {
if (typeof callback !== 'function') {
return;
}
var beOfferer = true;
var isLocalFirefox = webrtcDetectedBrowser === 'firefox';
// Nightly version does not require MozDontOfferDataChannel for interop
var isLocalFirefoxInterop = webrtcDetectedType === 'moz' && webrtcDetectedVersion > 30;
var isPeerFirefox = peerBrowserAgent === 'firefox';
var isPeerFirefoxInterop = peerBrowserAgent === 'firefox' &&
((peerBrowserVersion) ? (peerBrowserVersion > 30) : false);
// Resends an updated version of constraints for MozDataChannel to work
// If other userAgent is firefox and user is firefox, remove MozDataChannel
if ((isLocalFirefox && isPeerFirefox) || (isLocalFirefoxInterop)) {
try {
delete constraints.mandatory.MozDontOfferDataChannel;
} catch (error) {
console.error('Failed deleting MozDontOfferDataChannel');
console.error(error);
}
} else if ((isLocalFirefox && !isPeerFirefox)) {
constraints.mandatory.MozDontOfferDataChannel = true;
}
if (!isLocalFirefox) {
// temporary measure to remove Moz* constraints in non Firefox browsers
for (var prop in constraints.mandatory) {
if (constraints.mandatory.hasOwnProperty(prop)) {
if (prop.indexOf('Moz') !== -1) {
delete constraints.mandatory[prop];
}
}
}
}
// Firefox (not interopable) cannot offer DataChannel as it will cause problems to the
// interopability of the media stream
if (isLocalFirefox && !isPeerFirefox && !isLocalFirefoxInterop) {
beOfferer = false;
}
callback(beOfferer, constraints);
};
// Handles the differences for all browsers ice connection state output.
// - Tested outcomes are:
// - Chrome (offerer) : 'checking' > 'completed' > 'completed'
// - Chrome (answerer) : 'checking' > 'connected'
// - Firefox (offerer) : 'checking' > 'connected'
// - Firefox (answerer): 'checking' > 'connected'
checkIceConnectionState = function (peerId, iceConnectionState, callback) {
if (typeof callback !== 'function') {
console.warn('No callback specified in checkIceConnectionState. Aborted.');
return;
}
peerId = (peerId) ? peerId : 'peer';
if (!AdapterJS._iceConnectionFiredStates[peerId] ||
iceConnectionState === AdapterJS._iceConnectionStates.disconnected ||
iceConnectionState === AdapterJS._iceConnectionStates.failed ||
iceConnectionState === AdapterJS._iceConnectionStates.closed) {
AdapterJS._iceConnectionFiredStates[peerId] = [];
}
iceConnectionState = AdapterJS._iceConnectionStates[iceConnectionState];
if (AdapterJS._iceConnectionFiredStates[peerId].indexOf(iceConnectionState) < 0) {
AdapterJS._iceConnectionFiredStates[peerId].push(iceConnectionState);
if (iceConnectionState === AdapterJS._iceConnectionStates.connected) {
setTimeout(function () {
AdapterJS._iceConnectionFiredStates[peerId]
.push(AdapterJS._iceConnectionStates.done);
callback(AdapterJS._iceConnectionStates.done);
}, 1000);
}
callback(iceConnectionState);
}
return;
};
// Firefox:
// - Creates iceServer from the url for Firefox.
// - Create iceServer with stun url.
// - Create iceServer with turn url.
// - Ignore the transport parameter from TURN url for FF version <=27.
// - Return null for createIceServer if transport=tcp.
// - FF 27 and above supports transport parameters in TURN url,
// - So passing in the full url to create iceServer.
// Chrome:
// - Creates iceServer from the url for Chrome M33 and earlier.
// - Create iceServer with stun url.
// - Chrome M28 & above uses below TURN format.
// Plugin:
// - Creates Ice Server for Plugin Browsers
// - If Stun - Create iceServer with stun url.
// - Else - Create iceServer with turn url
// - This is a WebRTC Function
createIceServer = null;
// Firefox:
// - Creates IceServers for Firefox
// - Use .url for FireFox.
// - Multiple Urls support
// Chrome:
// - Creates iceServers from the urls for Chrome M34 and above.
// - .urls is supported since Chrome M34.
// - Multiple Urls support
// Plugin:
// - Creates Ice Servers for Plugin Browsers
// - Multiple Urls support
// - This is a WebRTC Function
createIceServers = null;
//------------------------------------------------------------
//The RTCPeerConnection object.
RTCPeerConnection = null;
// Creates RTCSessionDescription object for Plugin Browsers
RTCSessionDescription = (typeof RTCSessionDescription === 'function') ?
RTCSessionDescription : null;
// Creates RTCIceCandidate object for Plugin Browsers
RTCIceCandidate = (typeof RTCIceCandidate === 'function') ?
RTCIceCandidate : null;
// Get UserMedia (only difference is the prefix).
// Code from Adam Barth.
getUserMedia = null;
// Attach a media stream to an element.
attachMediaStream = null;
// Re-attach a media stream to an element.
reattachMediaStream = null;
// Detected browser agent name. Types are:
// - 'firefox': Firefox browser.
// - 'chrome': Chrome browser.
// - 'opera': Opera browser.
// - 'safari': Safari browser.
// - 'IE' - Internet Explorer browser.
webrtcDetectedBrowser = null;
// Detected browser version.
webrtcDetectedVersion = null;
// Check for browser types and react accordingly
if (navigator.mozGetUserMedia) {
webrtcDetectedBrowser = 'firefox';
webrtcDetectedVersion = parseInt(navigator
.userAgent.match(/Firefox\/([0-9]+)\./)[1], 10);
webrtcDetectedType = 'moz';
webrtcDetectedDCSupport = 'SCTP';
RTCPeerConnection = function (pcConfig, pcConstraints) {
AdapterJS.maybeFixConfiguration(pcConfig);
return new mozRTCPeerConnection(pcConfig, pcConstraints);
};
// The RTCSessionDescription object.
RTCSessionDescription = mozRTCSessionDescription;
window.RTCSessionDescription = RTCSessionDescription;
// The RTCIceCandidate object.
RTCIceCandidate = mozRTCIceCandidate;
window.RTCIceCandidate = RTCIceCandidate;
window.getUserMedia = navigator.mozGetUserMedia.bind(navigator);
navigator.getUserMedia = window.getUserMedia;
// Shim for MediaStreamTrack.getSources.
MediaStreamTrack.getSources = function(successCb) {
setTimeout(function() {
var infos = [
{ kind: 'audio', id: 'default', label:'', facing:'' },
{ kind: 'video', id: 'default', label:'', facing:'' }
];
successCb(infos);
}, 0);
};
createIceServer = function (url, username, password) {
var iceServer = null;
var url_parts = url.split(':');
if (url_parts[0].indexOf('stun') === 0) {
iceServer = { url : url };
} else if (url_parts[0].indexOf('turn') === 0) {
if (webrtcDetectedVersion < 27) {
var turn_url_parts = url.split('?');
if (turn_url_parts.length === 1 ||
turn_url_parts[1].indexOf('transport=udp') === 0) {
iceServer = {
url : turn_url_parts[0],
credential : password,
username : username
};
}
} else {
iceServer = {
url : url,
credential : password,
username : username
};
}
}
return iceServer;
};
createIceServers = function (urls, username, password) {
var iceServers = [];
for (i = 0; i < urls.length; i++) {
var iceServer = createIceServer(urls[i], username, password);
if (iceServer !== null) {
iceServers.push(iceServer);
}
}
return iceServers;
};
attachMediaStream = function (element, stream) {
element.mozSrcObject = stream;
if (stream !== null)
element.play();
return element;
};
reattachMediaStream = function (to, from) {
to.mozSrcObject = from.mozSrcObject;
to.play();
return to;
};
MediaStreamTrack.getSources = MediaStreamTrack.getSources || function (callback) {
if (!callback) {
throw new TypeError('Failed to execute \'getSources\' on \'MediaStreamTrack\'' +
': 1 argument required, but only 0 present.');
}
return callback([]);
};
// Fake get{Video,Audio}Tracks
if (!MediaStream.prototype.getVideoTracks) {
MediaStream.prototype.getVideoTracks = function () {
return [];
};
}
if (!MediaStream.prototype.getAudioTracks) {
MediaStream.prototype.getAudioTracks = function () {
return [];
};
}
AdapterJS.maybeThroughWebRTCReady();
} else if (navigator.webkitGetUserMedia) {
webrtcDetectedBrowser = 'chrome';
webrtcDetectedType = 'webkit';
webrtcDetectedVersion = parseInt(navigator
.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)[2], 10);
// check if browser is opera 20+
var checkIfOpera = navigator.userAgent.match(/\bOPR\/(\d+)/);
if (checkIfOpera !== null) {
webrtcDetectedBrowser = 'opera';
webrtcDetectedVersion = parseInt(checkIfOpera[1], 10);
}
// check browser datachannel support
if ((webrtcDetectedBrowser === 'chrome' && webrtcDetectedVersion >= 31) ||
(webrtcDetectedBrowser === 'opera' && webrtcDetectedVersion >= 20)) {
webrtcDetectedDCSupport = 'SCTP';
} else if (webrtcDetectedBrowser === 'chrome' && webrtcDetectedVersion < 30 &&
webrtcDetectedVersion > 24) {
webrtcDetectedDCSupport = 'RTP';
} else {
webrtcDetectedDCSupport = '';
}
createIceServer = function (url, username, password) {
var iceServer = null;
var url_parts = url.split(':');
if (url_parts[0].indexOf('stun') === 0) {
iceServer = { 'url' : url };
} else if (url_parts[0].indexOf('turn') === 0) {
iceServer = {
'url' : url,
'credential' : password,
'username' : username
};
}
return iceServer;
};
createIceServers = function (urls, username, password) {
var iceServers = [];
if (webrtcDetectedVersion >= 34) {
iceServers = {
'urls' : urls,
'credential' : password,
'username' : username
};
} else {
for (i = 0; i < urls.length; i++) {
var iceServer = createIceServer(urls[i], username, password);
if (iceServer !== null) {
iceServers.push(iceServer);
}
}
}
return iceServers;
};
RTCPeerConnection = function (pcConfig, pcConstraints) {
if (webrtcDetectedVersion < 34) {
AdapterJS.maybeFixConfiguration(pcConfig);
}
return new webkitRTCPeerConnection(pcConfig, pcConstraints);
};
window.getUserMedia = navigator.webkitGetUserMedia.bind(navigator);
navigator.getUserMedia = window.getUserMedia;
attachMediaStream = function (element, stream) {
if (typeof element.srcObject !== 'undefined') {
element.srcObject = stream;
} else if (typeof element.mozSrcObject !== 'undefined') {
element.mozSrcObject = stream;
} else if (typeof element.src !== 'undefined') {
element.src = (stream === null ? '' : URL.createObjectURL(stream));
} else {
console.log('Error attaching stream to element.');
}
return element;
};
reattachMediaStream = function (to, from) {
to.src = from.src;
return to;
};
AdapterJS.maybeThroughWebRTCReady();
} else { // TRY TO USE PLUGIN
// IE 9 is not offering an implementation of console.log until you open a console
if (typeof console !== 'object' || typeof console.log !== 'function') {
/* jshint -W020 */
console = {} || console;
// Implemented based on console specs from MDN
// You may override these functions
console.log = function (arg) {};
console.info = function (arg) {};
console.error = function (arg) {};
console.dir = function (arg) {};
console.exception = function (arg) {};
console.trace = function (arg) {};
console.warn = function (arg) {};
console.count = function (arg) {};
console.debug = function (arg) {};
console.count = function (arg) {};
console.time = function (arg) {};
console.timeEnd = function (arg) {};
console.group = function (arg) {};
console.groupCollapsed = function (arg) {};
console.groupEnd = function (arg) {};
/* jshint +W020 */
}
webrtcDetectedType = 'plugin';
webrtcDetectedDCSupport = 'plugin';
AdapterJS.parseWebrtcDetectedBrowser();
isIE = webrtcDetectedBrowser === 'IE';
/* jshint -W035 */
AdapterJS.WebRTCPlugin.WaitForPluginReady = function() {
while (AdapterJS.WebRTCPlugin.pluginState !== AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY) {
/* empty because it needs to prevent the function from running. */
}
};
/* jshint +W035 */
AdapterJS.WebRTCPlugin.callWhenPluginReady = function (callback) {
if (AdapterJS.WebRTCPlugin.pluginState === AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY) {
// Call immediately if possible
// Once the plugin is set, the code will always take this path
callback();
} else {
// otherwise start a 100ms interval
var checkPluginReadyState = setInterval(function () {
if (AdapterJS.WebRTCPlugin.pluginState === AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY) {
clearInterval(checkPluginReadyState);
callback();
}
}, 100);
}
};
AdapterJS.WebRTCPlugin.setLogLevel = function(logLevel) {
AdapterJS.WebRTCPlugin.callWhenPluginReady(function() {
AdapterJS.WebRTCPlugin.plugin.setLogLevel(logLevel);
});
};
AdapterJS.WebRTCPlugin.injectPlugin = function () {
// only inject once the page is ready
if (document.readyState !== 'complete') {
return;
}
// Prevent multiple injections
if (AdapterJS.WebRTCPlugin.pluginState !== AdapterJS.WebRTCPlugin.PLUGIN_STATES.INITIALIZING) {
return;
}
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.INJECTING;
if (webrtcDetectedBrowser === 'IE' && webrtcDetectedVersion <= 10) {
var frag = document.createDocumentFragment();
AdapterJS.WebRTCPlugin.plugin = document.createElement('div');
AdapterJS.WebRTCPlugin.plugin.innerHTML = '<object id="' +
AdapterJS.WebRTCPlugin.pluginInfo.pluginId + '" type="' +
AdapterJS.WebRTCPlugin.pluginInfo.type + '" ' + 'width="1" height="1">' +
'<param name="pluginId" value="' +
AdapterJS.WebRTCPlugin.pluginInfo.pluginId + '" /> ' +
'<param name="windowless" value="false" /> ' +
'<param name="pageId" value="' + AdapterJS.WebRTCPlugin.pageId + '" /> ' +
'<param name="onload" value="' + AdapterJS.WebRTCPlugin.pluginInfo.onload +
'" />' +
// uncomment to be able to use virtual cams
(AdapterJS.options.getAllCams ? '<param name="forceGetAllCams" value="True" />':'') +
'</object>';
while (AdapterJS.WebRTCPlugin.plugin.firstChild) {
frag.appendChild(AdapterJS.WebRTCPlugin.plugin.firstChild);
}
document.body.appendChild(frag);
// Need to re-fetch the plugin
AdapterJS.WebRTCPlugin.plugin =
document.getElementById(AdapterJS.WebRTCPlugin.pluginInfo.pluginId);
} else {
// Load Plugin
AdapterJS.WebRTCPlugin.plugin = document.createElement('object');
AdapterJS.WebRTCPlugin.plugin.id =
AdapterJS.WebRTCPlugin.pluginInfo.pluginId;
// IE will only start the plugin if it's ACTUALLY visible
if (isIE) {
AdapterJS.WebRTCPlugin.plugin.width = '1px';
AdapterJS.WebRTCPlugin.plugin.height = '1px';
} else { // The size of the plugin on Safari should be 0x0px
// so that the autorisation prompt is at the top
AdapterJS.WebRTCPlugin.plugin.width = '0px';
AdapterJS.WebRTCPlugin.plugin.height = '0px';
}
AdapterJS.WebRTCPlugin.plugin.type = AdapterJS.WebRTCPlugin.pluginInfo.type;
AdapterJS.WebRTCPlugin.plugin.innerHTML = '<param name="onload" value="' +
AdapterJS.WebRTCPlugin.pluginInfo.onload + '">' +
'<param name="pluginId" value="' +
AdapterJS.WebRTCPlugin.pluginInfo.pluginId + '">' +
'<param name="windowless" value="false" /> ' +
(AdapterJS.options.getAllCams ? '<param name="forceGetAllCams" value="True" />':'') +
'<param name="pageId" value="' + AdapterJS.WebRTCPlugin.pageId + '">';
document.body.appendChild(AdapterJS.WebRTCPlugin.plugin);
}
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.INJECTED;
};
AdapterJS.WebRTCPlugin.isPluginInstalled =
function (comName, plugName, installedCb, notInstalledCb) {
if (!isIE) {
var pluginArray = navigator.plugins;
for (var i = 0; i < pluginArray.length; i++) {
if (pluginArray[i].name.indexOf(plugName) >= 0) {
installedCb();
return;
}
}
notInstalledCb();
} else {
try {
var axo = new ActiveXObject(comName + '.' + plugName);
} catch (e) {
notInstalledCb();
return;
}
installedCb();
}
};
AdapterJS.WebRTCPlugin.defineWebRTCInterface = function () {
if (AdapterJS.WebRTCPlugin.pluginState ===
AdapterJS.WebRTCPlugin.PLUGIN_STATES.READY) {
console.error("WebRTC interface has been defined already");
return;
}
AdapterJS.WebRTCPlugin.pluginState = AdapterJS.WebRTCPlugin.PLUGIN_STATES.INITIALIZING;
AdapterJS.isDefined = function (variable) {
return variable !== null && variable !== undefined;
};
createIceServer = function (url, username, password) {
var iceServer = null;
var url_parts = url.split(':');
if (url_parts[0].indexOf('stun') === 0) {
iceServer = {
'url' : url,
'hasCredentials' : false
};
} else if (url_parts[0].indexOf('turn') === 0) {
iceServer = {
'url' : url,
'hasCredentials' : true,
'credential' : password,
'username' : username
};
}
return iceServer;
};
createIceServers = function (urls, username, password) {
var iceServers = [];
for (var i = 0; i < urls.length; ++i) {
iceServers.push(createIceServer(urls[i], username, password));
}
return iceServers;
};
RTCSessionDescription = function (info) {
AdapterJS.WebRTCPlugin.WaitForPluginReady();
return AdapterJS.WebRTCPlugin.plugin.
ConstructSessionDescription(info.type, info.sdp);
};
RTCPeerConnection = function (servers, constraints) {
var iceServers = null;
if (servers) {
iceServers = servers.iceServers;
for (var i = 0; i < iceServers.length; i++) {
if (iceServers[i].urls && !iceServers[i].url) {
iceServers[i].url = iceServers[i].urls;
}
iceServers[i].hasCredentials = AdapterJS.
isDefined(iceServers[i].username) &&
AdapterJS.isDefined(iceServers[i].credential);
}
}
var mandatory = (constraints && constraints.mandatory) ?
constraints.mandatory : null;
var optional = (constraints && constraints.optional) ?
constraints.optional : null;
AdapterJS.WebRTCPlugin.WaitForPluginReady();
return AdapterJS.WebRTCPlugin.plugin.
PeerConnection(AdapterJS.WebRTCPlugin.pageId,
iceServers, mandatory, optional);
};
MediaStreamTrack = {};
MediaStreamTrack.getSources = function (callback) {
AdapterJS.WebRTCPlugin.callWhenPluginReady(function() {
AdapterJS.WebRTCPlugin.plugin.GetSources(callback);
});
};
window.getUserMedia = function (constraints, successCallback, failureCallback) {
constraints.audio = constraints.audio || false;
constraints.video = constraints.video || false;
AdapterJS.WebRTCPlugin.callWhenPluginReady(function() {
AdapterJS.WebRTCPlugin.plugin.
getUserMedia(constraints, successCallback, failureCallback);
});
};
window.navigator.getUserMedia = window.getUserMedia;
attachMediaStream = function (element, stream) {
if (!element || !element.parentNode) {
return;
}
var streamId
if (stream === null) {
streamId = '';
}
else {
stream.enableSoundTracks(true);
streamId = stream.id;
}
if (element.nodeName.toLowerCase() !== 'audio') {
var elementId = element.id.length === 0 ? Math.random().toString(36).slice(2) : element.id;
if (!element.isWebRTCPlugin || !element.isWebRTCPlugin()) {
var frag = document.createDocumentFragment();
var temp = document.createElement('div');
var classHTML = '';
if (element.className) {
classHTML = 'class="' + element.className + '" ';
} else if (element.attributes && element.attributes['class']) {
classHTML = 'class="' + element.attributes['class'].value + '" ';
}
temp.innerHTML = '<object id="' + elementId + '" ' + classHTML +
'type="' + AdapterJS.WebRTCPlugin.pluginInfo.type + '">' +
'<param name="pluginId" value="' + elementId + '" /> ' +
'<param name="pageId" value="' + AdapterJS.WebRTCPlugin.pageId + '" /> ' +
'<param name="windowless" value="true" /> ' +
'<param name="streamId" value="' + streamId + '" /> ' +
'</object>';
while (temp.firstChild) {
frag.appendChild(temp.firstChild);
}
var height = '';
var width = '';
if (element.getBoundingClientRect) {
var rectObject = element.getBoundingClientRect();
width = rectObject.width + 'px';
height = rectObject.height + 'px';
}
else if (element.width) {
width = element.width;
height = element.height;
} else {
// TODO: What scenario could bring us here?
}
element.parentNode.insertBefore(frag, element);
frag = document.getElementById(elementId);
frag.width = width;
frag.height = height;
element.parentNode.removeChild(element);
} else {
var children = element.children;
for (var i = 0; i !== children.length; ++i) {
if (children[i].name === 'streamId') {
children[i].value = streamId;
break;
}
}
element.setStreamId(streamId);
}
var newElement = document.getElementById(elementId);
newElement.onplaying = (element.onplaying) ? element.onplaying : function (arg) {};
if (isIE) { // on IE the event needs to be plugged manually
newElement.attachEvent('onplaying', newElement.onplaying);
newElement.onclick = (element.onclick) ? element.onclick : function (arg) {};
newElement._TemOnClick = function (id) {
var arg = {
srcElement : document.getElementById(id)
};
newElement.onclick(arg);
};
}
return newElement;
} else {
return element;
}
};
reattachMediaStream = function (to, from) {
var stream = null;
var children = from.children;
for (var i = 0; i !== children.length; ++i) {
if (children[i].name === 'streamId') {
AdapterJS.WebRTCPlugin.WaitForPluginReady();
stream = AdapterJS.WebRTCPlugin.plugin
.getStreamWithId(AdapterJS.WebRTCPlugin.pageId, children[i].value);
break;
}
}
if (stream !== null) {
return attachMediaStream(to, stream);
} else {
console.log('Could not find the stream associated with this element');
}
};
RTCIceCandidate = function (candidate) {
if (!candidate.sdpMid) {
candidate.sdpMid = '';
}
AdapterJS.WebRTCPlugin.WaitForPluginReady();
return AdapterJS.WebRTCPlugin.plugin.ConstructIceCandidate(
candidate.sdpMid, candidate.sdpMLineIndex, candidate.candidate
);
};
// inject plugin
AdapterJS.addEvent(document, 'readystatechange', AdapterJS.WebRTCPlugin.injectPlugin);
AdapterJS.WebRTCPlugin.injectPlugin();
};
// This function will be called if the plugin is needed (browser different
// from Chrome or Firefox), but the plugin is not installed.
AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCb = AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCb ||
function() {
AdapterJS.addEvent(document,
'readystatechange',
AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCbPriv);
AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCbPriv();
};
AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCbPriv = function () {
if (AdapterJS.options.hidePluginInstallPrompt) {
return;
}
var downloadLink = AdapterJS.WebRTCPlugin.pluginInfo.downloadLink;
if(downloadLink) { // if download link
var popupString;
if (AdapterJS.WebRTCPlugin.pluginInfo.portalLink) { // is portal link
popupString = 'This website requires you to install the ' +
' <a href="' + AdapterJS.WebRTCPlugin.pluginInfo.portalLink +
'" target="_blank">' + AdapterJS.WebRTCPlugin.pluginInfo.companyName +
' WebRTC Plugin</a>' +
' to work on this browser.';
} else { // no portal link, just print a generic explanation
popupString = AdapterJS.TEXT.PLUGIN.REQUIRE_INSTALLATION;
}
AdapterJS.renderNotificationBar(popupString, AdapterJS.TEXT.PLUGIN.BUTTON, downloadLink);
} else { // no download link, just print a generic explanation
AdapterJS.renderNotificationBar(AdapterJS.TEXT.PLUGIN.NOT_SUPPORTED);
}
};
// Try to detect the plugin and act accordingly
AdapterJS.WebRTCPlugin.isPluginInstalled(
AdapterJS.WebRTCPlugin.pluginInfo.prefix,
AdapterJS.WebRTCPlugin.pluginInfo.plugName,
AdapterJS.WebRTCPlugin.defineWebRTCInterface,
AdapterJS.WebRTCPlugin.pluginNeededButNotInstalledCb);
}
(function () {
'use strict';
var baseGetUserMedia = null;
AdapterJS.TEXT.EXTENSION = {
REQUIRE_INSTALLATION_FF: 'To enable screensharing you need to install the Skylink WebRTC tools Firefox Add-on.',
REQUIRE_INSTALLATION_CHROME: 'To enable screensharing you need to install the Skylink WebRTC tools Chrome Extension.',
REQUIRE_REFRESH: 'Please refresh this page after the Skylink WebRTC tools extension has been installed.',
BUTTON_FF: 'Install Now',
BUTTON_CHROME: 'Go to Chrome Web Store'
};
var clone = function(obj) {
if (null == obj || "object" != typeof obj) return obj;
var copy = obj.constructor();
for (var attr in obj) {
if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
}
return copy;
};
if (window.navigator.mozGetUserMedia) {
baseGetUserMedia = window.navigator.getUserMedia;
navigator.getUserMedia = function (constraints, successCb, failureCb) {
if (constraints && constraints.video && !!constraints.video.mediaSource) {
// intercepting screensharing requests
if (constraints.video.mediaSource !== 'screen' && constraints.video.mediaSource !== 'window') {
throw new Error('Only "screen" and "window" option is available as mediaSource');
}
var updatedConstraints = clone(constraints);
//constraints.video.mediaSource = constraints.video.mediaSource;
updatedConstraints.video.mozMediaSource = updatedConstraints.video.mediaSource;
// so generally, it requires for document.readyState to be completed before the getUserMedia could be invoked.
// strange but this works anyway
var checkIfReady = setInterval(function () {
if (document.readyState === 'complete') {
clearInterval(checkIfReady);
baseGetUserMedia(updatedConstraints, successCb, function (error) {
if (error.name === 'PermissionDeniedError' && window.parent.location.protocol === 'https:') {
AdapterJS.renderNotificationBar(AdapterJS.TEXT.EXTENSION.REQUIRE_INSTALLATION_FF,
AdapterJS.TEXT.EXTENSION.BUTTON_FF,
'http://skylink.io/screensharing/ff_addon.php?domain=' + window.location.hostname, false, true);
//window.location.href = 'http://skylink.io/screensharing/ff_addon.php?domain=' + window.location.hostname;
} else {
failureCb(error);
}
});
}
}, 1);
} else { // regular GetUserMediaRequest
baseGetUserMedia(constraints, successCb, failureCb);
}
};
getUserMedia = navigator.getUserMedia;
} else if (window.navigator.webkitGetUserMedia) {
baseGetUserMedia = window.navigator.getUserMedia;
navigator.getUserMedia = function (constraints, successCb, failureCb) {
if (constraints && constraints.video && !!constraints.video.mediaSource) {
if (window.webrtcDetectedBrowser !== 'chrome') {
throw new Error('Current browser does not support screensharing');
}
// would be fine since no methods
var updatedConstraints = clone(constraints);
var chromeCallback = function(error, sourceId) {
if(!error) {
updatedConstraints.video.mandatory = updatedConstraints.video.mandatory || {};
updatedConstraints.video.mandatory.chromeMediaSource = 'desktop';
updatedConstraints.video.mandatory.maxWidth = window.screen.width > 1920 ? window.screen.width : 1920;
updatedConstraints.video.mandatory.maxHeight = window.screen.height > 1080 ? window.screen.height : 1080;
if (sourceId) {
updatedConstraints.video.mandatory.chromeMediaSourceId = sourceId;
}
delete updatedConstraints.video.mediaSource;
baseGetUserMedia(updatedConstraints, successCb, failureCb);
} else {
if (error === 'permission-denied') {
throw new Error('Permission denied for screen retrieval');
} else {
throw new Error('Failed retrieving selected screen');
}
}
};
var onIFrameCallback = function (event) {
if (!event.data) {
return;
}
if (event.data.chromeMediaSourceId) {
if (event.data.chromeMediaSourceId === 'PermissionDeniedError') {
chromeCallback('permission-denied');
} else {
chromeCallback(null, event.data.chromeMediaSourceId);
}
}
if (event.data.chromeExtensionStatus) {
if (event.data.chromeExtensionStatus === 'not-installed') {
AdapterJS.renderNotificationBar(AdapterJS.TEXT.EXTENSION.REQUIRE_INSTALLATION_CHROME,
AdapterJS.TEXT.EXTENSION.BUTTON_CHROME,
event.data.data, true, true);
} else {
chromeCallback(event.data.chromeExtensionStatus, null);
}
}
// this event listener is no more needed
window.removeEventListener('message', onIFrameCallback);
};
window.addEventListener('message', onIFrameCallback);
postFrameMessage({
captureSourceId: true
});
} else {
baseGetUserMedia(constraints, successCb, failureCb);
}
};
getUserMedia = navigator.getUserMedia;
} else {
baseGetUserMedia = window.navigator.getUserMedia;
navigator.getUserMedia = function (constraints, successCb, failureCb) {
if (constraints && constraints.video && !!constraints.video.mediaSource) {
// would be fine since no methods
var updatedConstraints = clone(constraints);
// wait for plugin to be ready
AdapterJS.WebRTCPlugin.callWhenPluginReady(function() {
// check if screensharing feature is available
if (!!AdapterJS.WebRTCPlugin.plugin.HasScreensharingFeature &&
!!AdapterJS.WebRTCPlugin.plugin.isScreensharingAvailable) {
// set the constraints
updatedConstraints.video.optional = updatedConstraints.video.optional || [];
updatedConstraints.video.optional.push({
sourceId: AdapterJS.WebRTCPlugin.plugin.screensharingKey || 'Screensharing'
});
delete updatedConstraints.video.mediaSource;
} else {
throw new Error('Your WebRTC plugin does not support screensharing');
}
baseGetUserMedia(updatedConstraints, successCb, failureCb);
});
} else {
baseGetUserMedia(constraints, successCb, failureCb);
}
};
getUserMedia = window.navigator.getUserMedia;
}
if (window.webrtcDetectedBrowser === 'chrome') {
var iframe = document.createElement('iframe');
iframe.onload = function() {
iframe.isLoaded = true;
};
iframe.src = 'https://cdn.temasys.com.sg/skylink/extensions/detectRTC.html';
//'https://temasys-cdn.s3.amazonaws.com/skylink/extensions/detection-script-dev/detectRTC.html';
iframe.style.display = 'none';
(document.body || document.documentElement).appendChild(iframe);
var postFrameMessage = function (object) {
object = object || {};
if (!iframe.isLoaded) {
setTimeout(function () {
iframe.contentWindow.postMessage(object, '*');
}, 100);
return;
}
iframe.contentWindow.postMessage(object, '*');
};
}
})();