814 lines
23 KiB
JavaScript
814 lines
23 KiB
JavaScript
const isFirefox = typeof window.InstallTrigger !== 'undefined';
|
|
const isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
|
|
const isChrome = !!window.chrome && !isOpera;
|
|
const isSafari = navigator.userAgent.indexOf('Safari') >= 0 && !isChrome;
|
|
const isElectron = navigator.userAgent.toLowerCase().indexOf(' electron/') > -1;
|
|
const hasDisplayMedia = (typeof navigator.getDisplayMedia === 'function'
|
|
|| (navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia === 'function'));
|
|
const kurentoHandler = null;
|
|
|
|
Kurento = function (
|
|
tag,
|
|
voiceBridge,
|
|
userId,
|
|
internalMeetingId,
|
|
onFail,
|
|
onSuccess,
|
|
options = {},
|
|
) {
|
|
this.ws = null;
|
|
this.video = null;
|
|
this.screen = null;
|
|
this.webRtcPeer = null;
|
|
this.mediaCallback = null;
|
|
|
|
this.renderTag = tag;
|
|
this.voiceBridge = voiceBridge;
|
|
this.userId = userId;
|
|
this.internalMeetingId = internalMeetingId;
|
|
|
|
// Optional parameters are: userName, caleeName, chromeExtension, wsUrl, iceServers,
|
|
// chromeScreenshareSources, firefoxScreenshareSource
|
|
|
|
Object.assign(this, options);
|
|
|
|
this.SEND_ROLE = 'send';
|
|
this.RECV_ROLE = 'recv';
|
|
this.SFU_APP = 'screenshare';
|
|
this.ON_ICE_CANDIDATE_MSG = 'iceCandidate';
|
|
this.PING_INTERVAL = 15000;
|
|
|
|
window.Logger = this.logger || console;
|
|
|
|
if (this.wsUrl == null) {
|
|
this.defaultPath = 'bbb-webrtc-sfu';
|
|
this.hostName = window.location.hostname;
|
|
this.wsUrl = `wss://${this.hostName}/${this.defaultPath}`;
|
|
}
|
|
|
|
if (this.chromeScreenshareSources == null) {
|
|
this.chromeScreenshareSources = ['screen', 'window'];
|
|
}
|
|
|
|
if (this.firefoxScreenshareSource == null) {
|
|
this.firefoxScreenshareSource = 'window';
|
|
}
|
|
|
|
// Limiting max resolution to WQXGA
|
|
// In FireFox we force full screen share and in the case
|
|
// of multiple screens the total area shared becomes too large
|
|
this.vid_max_width = 2560;
|
|
this.vid_max_height = 1600;
|
|
this.width = window.screen.width;
|
|
this.height = window.screen.height;
|
|
|
|
|
|
this.userId = userId;
|
|
|
|
this.pingInterval = null;
|
|
|
|
|
|
if (onFail != null) {
|
|
this.onFail = Kurento.normalizeCallback(onFail);
|
|
} else {
|
|
const _this = this;
|
|
this.onFail = function () {
|
|
_this.logError('Default error handler');
|
|
};
|
|
}
|
|
|
|
if (onSuccess != null) {
|
|
this.onSuccess = Kurento.normalizeCallback(onSuccess);
|
|
} else {
|
|
const _this = this;
|
|
this.onSuccess = function () {
|
|
_this.logSuccess('Default success handler');
|
|
};
|
|
}
|
|
};
|
|
|
|
this.KurentoManager = function () {
|
|
this.kurentoVideo = null;
|
|
this.kurentoScreenshare = null;
|
|
this.kurentoAudio = null;
|
|
};
|
|
|
|
KurentoManager.prototype.exitScreenShare = function () {
|
|
if (typeof this.kurentoScreenshare !== 'undefined' && this.kurentoScreenshare) {
|
|
if (this.kurentoScreenshare.logger !== null) {
|
|
this.kurentoScreenshare.logger.info(' [exitScreenShare] Exiting screensharing');
|
|
}
|
|
|
|
if(this.kurentoScreenshare.webRtcPeer) {
|
|
this.kurentoScreenshare.webRtcPeer.peerConnection.oniceconnectionstatechange = null;
|
|
}
|
|
|
|
if (this.kurentoScreenshare.ws !== null) {
|
|
this.kurentoScreenshare.ws.onclose = function () {};
|
|
this.kurentoScreenshare.ws.close();
|
|
}
|
|
|
|
if (this.kurentoScreenshare.pingInterval) {
|
|
clearInterval(this.kurentoScreenshare.pingInterval);
|
|
}
|
|
|
|
this.kurentoScreenshare.dispose();
|
|
this.kurentoScreenshare = null;
|
|
}
|
|
};
|
|
|
|
KurentoManager.prototype.exitVideo = function () {
|
|
try {
|
|
if (typeof this.kurentoVideo !== 'undefined' && this.kurentoVideo) {
|
|
if(this.kurentoVideo.webRtcPeer) {
|
|
this.kurentoVideo.webRtcPeer.peerConnection.oniceconnectionstatechange = null;
|
|
}
|
|
|
|
if (this.kurentoVideo.logger !== null) {
|
|
this.kurentoVideo.logger.info(' [exitScreenShare] Exiting screensharing viewing');
|
|
}
|
|
|
|
if (this.kurentoVideo.ws !== null) {
|
|
this.kurentoVideo.ws.onclose = function () {};
|
|
this.kurentoVideo.ws.close();
|
|
}
|
|
|
|
if (this.kurentoVideo.pingInterval) {
|
|
clearInterval(this.kurentoVideo.pingInterval);
|
|
}
|
|
|
|
this.kurentoVideo.dispose();
|
|
this.kurentoVideo = null;
|
|
}
|
|
}
|
|
catch (err) {
|
|
if (this.kurentoVideo) {
|
|
this.kurentoVideo.dispose();
|
|
this.kurentoVideo = null;
|
|
}
|
|
}
|
|
};
|
|
|
|
KurentoManager.prototype.exitAudio = function () {
|
|
if (typeof this.kurentoAudio !== 'undefined' && this.kurentoAudio) {
|
|
if (this.kurentoAudio.logger !== null) {
|
|
this.kurentoAudio.logger.info(' [exitAudio] Exiting listen only audio');
|
|
}
|
|
|
|
if (this.kurentoAudio.ws !== null) {
|
|
this.kurentoAudio.ws.onclose = function () {};
|
|
this.kurentoAudio.ws.close();
|
|
}
|
|
|
|
if (this.kurentoAudio.pingInterval) {
|
|
clearInterval(this.kurentoAudio.pingInterval);
|
|
}
|
|
|
|
this.kurentoAudio.dispose();
|
|
this.kurentoAudio = null;
|
|
}
|
|
};
|
|
|
|
|
|
KurentoManager.prototype.shareScreen = function (tag) {
|
|
this.exitScreenShare();
|
|
const obj = Object.create(Kurento.prototype);
|
|
Kurento.apply(obj, arguments);
|
|
this.kurentoScreenshare = obj;
|
|
this.kurentoScreenshare.setScreensharing(tag);
|
|
};
|
|
|
|
KurentoManager.prototype.joinWatchVideo = function (tag) {
|
|
this.exitVideo();
|
|
const obj = Object.create(Kurento.prototype);
|
|
Kurento.apply(obj, arguments);
|
|
this.kurentoVideo = obj;
|
|
this.kurentoVideo.setWatchVideo(tag);
|
|
};
|
|
|
|
KurentoManager.prototype.getFirefoxScreenshareSource = function () {
|
|
return this.kurentoScreenshare.firefoxScreenshareSource;
|
|
};
|
|
|
|
KurentoManager.prototype.getChromeScreenshareSources = function () {
|
|
return this.kurentoScreenshare.chromeScreenshareSources;
|
|
};
|
|
|
|
KurentoManager.prototype.getChromeExtensionKey = function () {
|
|
return this.kurentoScreenshare.chromeExtension;
|
|
};
|
|
|
|
|
|
Kurento.prototype.setScreensharing = function (tag) {
|
|
this.mediaCallback = this.startScreensharing.bind(this);
|
|
this.create(tag);
|
|
};
|
|
|
|
Kurento.prototype.create = function (tag) {
|
|
this.setRenderTag(tag);
|
|
this.init();
|
|
};
|
|
|
|
Kurento.prototype.downscaleResolution = function (oldWidth, oldHeight) {
|
|
const factorWidth = this.vid_max_width / oldWidth;
|
|
const factorHeight = this.vid_max_height / oldHeight;
|
|
let width,
|
|
height;
|
|
|
|
if (factorWidth < factorHeight) {
|
|
width = Math.trunc(oldWidth * factorWidth);
|
|
height = Math.trunc(oldHeight * factorWidth);
|
|
} else {
|
|
width = Math.trunc(oldWidth * factorHeight);
|
|
height = Math.trunc(oldHeight * factorHeight);
|
|
}
|
|
|
|
return { width, height };
|
|
};
|
|
|
|
Kurento.prototype.init = function () {
|
|
const self = this;
|
|
if ('WebSocket' in window) {
|
|
this.logger.info('this browser supports websockets');
|
|
this.ws = new WebSocket(this.wsUrl);
|
|
|
|
this.ws.onmessage = this.onWSMessage.bind(this);
|
|
this.ws.onclose = (close) => {
|
|
kurentoManager.exitScreenShare();
|
|
self.onFail('Websocket connection closed');
|
|
};
|
|
this.ws.onerror = (error) => {
|
|
kurentoManager.exitScreenShare();
|
|
self.onFail('Websocket connection error');
|
|
};
|
|
this.ws.onopen = function () {
|
|
self.pingInterval = setInterval(self.ping.bind(self), self.PING_INTERVAL);
|
|
self.mediaCallback();
|
|
};
|
|
} else { this.logger.info('this browser does not support websockets'); }
|
|
};
|
|
|
|
Kurento.prototype.onWSMessage = function (message) {
|
|
const parsedMessage = JSON.parse(message.data);
|
|
switch (parsedMessage.id) {
|
|
case 'startResponse':
|
|
this.startResponse(parsedMessage);
|
|
break;
|
|
case 'stopSharing':
|
|
kurentoManager.exitScreenShare();
|
|
break;
|
|
case 'iceCandidate':
|
|
this.webRtcPeer.addIceCandidate(parsedMessage.candidate);
|
|
break;
|
|
case 'webRTCAudioSuccess':
|
|
this.onSuccess(parsedMessage.success);
|
|
break;
|
|
case 'webRTCAudioError':
|
|
this.onFail(parsedMessage);
|
|
break;
|
|
case 'pong':
|
|
break;
|
|
default:
|
|
this.logger.error('Unrecognized message', parsedMessage);
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.setRenderTag = function (tag) {
|
|
this.renderTag = tag;
|
|
};
|
|
|
|
Kurento.prototype.startResponse = function (message) {
|
|
if (message.response !== 'accepted') {
|
|
const errorMsg = message.message ? message.message : 'Unknow error';
|
|
this.logger.warn('Call not accepted for the following reason:', { error: errorMsg });
|
|
switch (message.type) {
|
|
case 'screenshare':
|
|
if (message.role === this.SEND_ROLE) {
|
|
kurentoManager.exitScreenShare();
|
|
} else if (message.role === this.RECV_ROLE) {
|
|
kurentoManager.exitVideo();
|
|
}
|
|
break;
|
|
case 'audio':
|
|
kurentoManager.exitAudio();
|
|
break;
|
|
}
|
|
} else {
|
|
this.logger.debug(`Procedure for ${message.type} was accepted with SDP =>`, { sdpAnswer: message.sdpAnswer });
|
|
this.webRtcPeer.processAnswer(message.sdpAnswer);
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.onOfferPresenter = function (error, offerSdp) {
|
|
const self = this;
|
|
|
|
if (error) {
|
|
this.logger.info(`Kurento.prototype.onOfferPresenter Error ${error}`);
|
|
this.onFail(error);
|
|
return;
|
|
}
|
|
|
|
const message = {
|
|
id: 'start',
|
|
type: this.SFU_APP,
|
|
role: this.SEND_ROLE,
|
|
internalMeetingId: self.internalMeetingId,
|
|
voiceBridge: self.voiceBridge,
|
|
callerName: self.userId,
|
|
sdpOffer: offerSdp,
|
|
vh: this.height,
|
|
vw: this.width,
|
|
};
|
|
|
|
this.logger.info('onOfferPresenter sending to screenshare server => ', { sdpOffer: message });
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
|
|
Kurento.prototype.startScreensharing = function () {
|
|
if (window.chrome) {
|
|
if (this.chromeExtension == null) {
|
|
this.logError({
|
|
status: 'failed',
|
|
message: 'Missing Chrome Extension key',
|
|
});
|
|
this.onFail();
|
|
return;
|
|
}
|
|
}
|
|
|
|
const options = {
|
|
localVideo: document.getElementById(this.renderTag),
|
|
onicecandidate: (candidate) => {
|
|
this.onIceCandidate(candidate, this.SEND_ROLE);
|
|
},
|
|
sendSource: 'desktop',
|
|
};
|
|
|
|
this.logger.info(' Peer options =>', options);
|
|
|
|
let resolution;
|
|
this.logger.debug(`Screenshare screen dimensions are ${this.width} x ${this.height}`);
|
|
if (this.width > this.vid_max_width || this.height > this.vid_max_height) {
|
|
resolution = this.downscaleResolution(this.width, this.height);
|
|
this.width = resolution.width;
|
|
this.height = resolution.height;
|
|
this.logger.debug('Screenshare track dimensions have been resized to', this.width, 'x', this.height);
|
|
}
|
|
|
|
this.addIceServers(this.iceServers, options);
|
|
|
|
this.webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerSendonly(options, (error) => {
|
|
if (error) {
|
|
this.logger.error('WebRtcPeerSendonly constructor error:', { error });
|
|
this.onFail(error);
|
|
return kurentoManager.exitScreenShare();
|
|
}
|
|
|
|
this.webRtcPeer.generateOffer(this.onOfferPresenter.bind(this));
|
|
this.logger.info('Generated peer offer w/ options:', { options });
|
|
|
|
const localStream = this.webRtcPeer.peerConnection.getLocalStreams()[0];
|
|
const _this = this;
|
|
localStream.getVideoTracks()[0].onended = function () {
|
|
_this.webRtcPeer.peerConnection.oniceconnectionstatechange = null;
|
|
return kurentoManager.exitScreenShare();
|
|
};
|
|
|
|
localStream.getVideoTracks()[0].oninactive = function () {
|
|
return kurentoManager.exitScreenShare();
|
|
};
|
|
});
|
|
this.webRtcPeer.peerConnection.oniceconnectionstatechange = () => {
|
|
if (this.webRtcPeer) {
|
|
const connectionState = this.webRtcPeer.peerConnection.iceConnectionState;
|
|
if (connectionState === 'failed' || connectionState === 'closed') {
|
|
this.webRtcPeer.peerConnection.oniceconnectionstatechange = null;
|
|
this.onFail('ICE connection failed');
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
Kurento.prototype.onIceCandidate = function (candidate, role) {
|
|
const self = this;
|
|
this.logger.info('Local candidate:', { candidate });
|
|
|
|
const message = {
|
|
id: this.ON_ICE_CANDIDATE_MSG,
|
|
role,
|
|
type: this.SFU_APP,
|
|
voiceBridge: self.voiceBridge,
|
|
candidate,
|
|
callerName: self.userId,
|
|
};
|
|
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
Kurento.prototype.setWatchVideo = function (tag) {
|
|
this.useVideo = true;
|
|
this.useCamera = 'none';
|
|
this.useMic = 'none';
|
|
this.mediaCallback = this.viewer;
|
|
this.create(tag);
|
|
};
|
|
|
|
Kurento.prototype.viewer = function () {
|
|
const self = this;
|
|
if (!this.webRtcPeer) {
|
|
const options = {
|
|
mediaConstraints: {
|
|
audio: false,
|
|
},
|
|
remoteVideo: document.getElementById(this.renderTag),
|
|
onicecandidate: (candidate) => {
|
|
this.onIceCandidate(candidate, this.RECV_ROLE);
|
|
},
|
|
};
|
|
|
|
this.addIceServers(this.iceServers, options);
|
|
|
|
self.webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerRecvonly(options, function (error) {
|
|
if (error) {
|
|
return self.onFail(error);
|
|
}
|
|
|
|
this.generateOffer(self.onOfferViewer.bind(self));
|
|
});
|
|
self.webRtcPeer.peerConnection.oniceconnectionstatechange = () => {
|
|
if (this.webRtcPeer) {
|
|
const connectionState = this.webRtcPeer.peerConnection.iceConnectionState;
|
|
if (connectionState === 'failed' || connectionState === 'closed') {
|
|
this.webRtcPeer.peerConnection.oniceconnectionstatechange = null;
|
|
this.onFail('ICE connection failed');
|
|
}
|
|
}
|
|
};
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.onOfferViewer = function (error, offerSdp) {
|
|
const self = this;
|
|
if (error) {
|
|
this.logger.info(`Kurento.prototype.onOfferViewer Error ${error}`);
|
|
return this.onFail();
|
|
}
|
|
const message = {
|
|
id: 'start',
|
|
type: this.SFU_APP,
|
|
role: this.RECV_ROLE,
|
|
internalMeetingId: self.internalMeetingId,
|
|
voiceBridge: self.voiceBridge,
|
|
callerName: self.userId,
|
|
sdpOffer: offerSdp,
|
|
};
|
|
|
|
this.logger.info('onOfferViewer sending to screenshare server: ', { sdpOffer: message.sdpOffer });
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
KurentoManager.prototype.joinAudio = function (tag) {
|
|
this.exitAudio();
|
|
const obj = Object.create(Kurento.prototype);
|
|
Kurento.apply(obj, arguments);
|
|
this.kurentoAudio = obj;
|
|
this.kurentoAudio.setAudio(tag);
|
|
};
|
|
|
|
Kurento.prototype.setAudio = function (tag) {
|
|
this.mediaCallback = this.listenOnly.bind(this);
|
|
this.create(tag);
|
|
};
|
|
|
|
Kurento.prototype.listenOnly = function () {
|
|
var self = this;
|
|
if (!this.webRtcPeer) {
|
|
var options = {
|
|
onicecandidate : this.onListenOnlyIceCandidate.bind(this),
|
|
mediaConstraints: {
|
|
audio: true,
|
|
video: false,
|
|
},
|
|
};
|
|
|
|
this.addIceServers(this.iceServers, options);
|
|
|
|
self.webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerRecvonly(options, function (error) {
|
|
if (error) {
|
|
return self.onFail(PEER_ERROR);
|
|
}
|
|
|
|
this.generateOffer(self.onOfferListenOnly.bind(self));
|
|
});
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.onListenOnlyIceCandidate = function (candidate) {
|
|
const self = this;
|
|
this.logger.debug('[onListenOnlyIceCandidate]', { candidate });
|
|
|
|
const message = {
|
|
id: this.ON_ICE_CANDIDATE_MSG,
|
|
type: 'audio',
|
|
role: 'viewer',
|
|
voiceBridge: self.voiceBridge,
|
|
candidate,
|
|
};
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
Kurento.prototype.onOfferListenOnly = function (error, offerSdp) {
|
|
const self = this;
|
|
if (error) {
|
|
this.logger.error('[onOfferListenOnly]', error);
|
|
return this.onFail(SDP_ERROR);
|
|
}
|
|
|
|
const message = {
|
|
id: 'start',
|
|
type: 'audio',
|
|
role: 'viewer',
|
|
voiceBridge: self.voiceBridge,
|
|
caleeName: self.caleeName,
|
|
sdpOffer: offerSdp,
|
|
userId: self.userId,
|
|
userName: self.userName,
|
|
internalMeetingId: self.internalMeetingId,
|
|
};
|
|
|
|
this.logger.debug('[onOfferListenOnly]', { message });
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
Kurento.prototype.pauseTrack = function (message) {
|
|
const localStream = this.webRtcPeer.peerConnection.getLocalStreams()[0];
|
|
const track = localStream.getVideoTracks()[0];
|
|
|
|
if (track) {
|
|
track.enabled = false;
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.resumeTrack = function (message) {
|
|
const localStream = this.webRtcPeer.peerConnection.getLocalStreams()[0];
|
|
const track = localStream.getVideoTracks()[0];
|
|
|
|
if (track) {
|
|
track.enabled = true;
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.addIceServers = function (iceServers, options) {
|
|
this.logger.debug('Adding iceServers', iceServers);
|
|
if (iceServers && iceServers.length > 0) {
|
|
options.configuration = {};
|
|
options.configuration.iceServers = iceServers;
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.stop = function () {
|
|
// if (this.webRtcPeer) {
|
|
// var message = {
|
|
// id : 'stop',
|
|
// type : 'screenshare',
|
|
// voiceBridge: kurentoHandler.voiceBridge
|
|
// }
|
|
// kurentoHandler.sendMessage(message);
|
|
// kurentoHandler.disposeScreenShare();
|
|
// }
|
|
};
|
|
|
|
Kurento.prototype.dispose = function () {
|
|
if (this.webRtcPeer) {
|
|
this.webRtcPeer.dispose();
|
|
this.webRtcPeer = null;
|
|
}
|
|
};
|
|
|
|
Kurento.prototype.ping = function () {
|
|
const message = {
|
|
id: 'ping',
|
|
};
|
|
this.sendMessage(message);
|
|
};
|
|
|
|
Kurento.prototype.sendMessage = function (message) {
|
|
const jsonMessage = JSON.stringify(message);
|
|
this.logger.info('Sending message:', { message });
|
|
this.ws.send(jsonMessage);
|
|
};
|
|
|
|
Kurento.prototype.logger = function (obj) {
|
|
this.logger.info(obj);
|
|
};
|
|
|
|
Kurento.prototype.logError = function (obj) {
|
|
this.logger.error(obj);
|
|
};
|
|
|
|
|
|
Kurento.normalizeCallback = function (callback) {
|
|
if (typeof callback === 'function') {
|
|
return callback;
|
|
}
|
|
this.logger.info(document.getElementById('BigBlueButton')[callback]);
|
|
return function (args) {
|
|
document.getElementById('BigBlueButton')[callback](args);
|
|
};
|
|
};
|
|
|
|
/* Global methods */
|
|
|
|
// this function explains how to use above methods/objects
|
|
window.getScreenConstraints = function (sendSource, callback) {
|
|
let screenConstraints = { video: {}, audio: false };
|
|
|
|
// Limiting FPS to a range of 5-10 (5 ideal)
|
|
screenConstraints.video.frameRate = { ideal: 5, max: 10 };
|
|
|
|
screenConstraints.video.height = { max: kurentoManager.kurentoScreenshare.vid_max_height };
|
|
screenConstraints.video.width = { max: kurentoManager.kurentoScreenshare.vid_max_width };
|
|
|
|
const getChromeScreenConstraints = function (extensionKey) {
|
|
return new Promise((resolve, reject) => {
|
|
chrome.runtime.sendMessage(
|
|
extensionKey,
|
|
{
|
|
getStream: true,
|
|
sources: kurentoManager.getChromeScreenshareSources(),
|
|
},
|
|
(response) => {
|
|
resolve(response);
|
|
}
|
|
);
|
|
});
|
|
};
|
|
|
|
const getDisplayMediaConstraints = function () {
|
|
// The fine-grained constraints (e.g.: frameRate) are supposed to go into
|
|
// the MediaStream because getDisplayMedia does not support them,
|
|
// so they're passed differently
|
|
kurentoManager.kurentoScreenshare.extensionInstalled = true;
|
|
optionalConstraints.width = { max: kurentoManager.kurentoScreenshare.vid_max_width };
|
|
optionalConstraints.height = { max: kurentoManager.kurentoScreenshare.vid_max_height };
|
|
optionalConstraints.frameRate = { ideal: 5, max: 10 };
|
|
|
|
let gDPConstraints = {
|
|
video: true,
|
|
optional: optionalConstraints
|
|
}
|
|
|
|
return gDPConstraints;
|
|
};
|
|
|
|
const optionalConstraints = [
|
|
{ googCpuOveruseDetection: true },
|
|
{ googCpuOveruseEncodeUsage: true },
|
|
{ googCpuUnderuseThreshold: 55 },
|
|
{ googCpuOveruseThreshold: 100 },
|
|
{ googPayloadPadding: true },
|
|
{ googScreencastMinBitrate: 600 },
|
|
{ googHighStartBitrate: true },
|
|
{ googHighBitrate: true },
|
|
{ googVeryHighBitrate: true },
|
|
];
|
|
|
|
if (isElectron) {
|
|
const sourceId = ipcRenderer.sendSync('screen-chooseSync');
|
|
kurentoManager.kurentoScreenshare.extensionInstalled = true;
|
|
|
|
// this statement sets gets 'sourceId" and sets "chromeMediaSourceId"
|
|
screenConstraints.video.chromeMediaSource = { exact: [sendSource] };
|
|
screenConstraints.video.chromeMediaSourceId = sourceId;
|
|
screenConstraints.optional = optionalConstraints;
|
|
|
|
console.log('getScreenConstraints for Chrome returns => ', screenConstraints);
|
|
return callback(null, screenConstraints);
|
|
}
|
|
|
|
if (isChrome) {
|
|
if (!hasDisplayMedia) {
|
|
const extensionKey = kurentoManager.getChromeExtensionKey();
|
|
getChromeScreenConstraints(extensionKey).then((constraints) => {
|
|
if (!constraints) {
|
|
document.dispatchEvent(new Event('installChromeExtension'));
|
|
return;
|
|
}
|
|
|
|
const sourceId = constraints.streamId;
|
|
|
|
kurentoManager.kurentoScreenshare.extensionInstalled = true;
|
|
|
|
// Re-wrap the video constraints into the mandatory object (latest adapter)
|
|
screenConstraints.video = {}
|
|
screenConstraints.video.mandatory = {};
|
|
screenConstraints.video.mandatory.maxFrameRate = 10;
|
|
screenConstraints.video.mandatory.maxHeight = kurentoManager.kurentoScreenshare.vid_max_height;
|
|
screenConstraints.video.mandatory.maxWidth = kurentoManager.kurentoScreenshare.vid_max_width;
|
|
screenConstraints.video.mandatory.chromeMediaSource = sendSource;
|
|
screenConstraints.video.mandatory.chromeMediaSourceId = sourceId;
|
|
screenConstraints.optional = optionalConstraints;
|
|
|
|
console.log('getScreenConstraints for Chrome returns => ', screenConstraints);
|
|
return callback(null, screenConstraints);
|
|
});
|
|
} else {
|
|
return callback(null, getDisplayMediaConstraints());
|
|
}
|
|
}
|
|
|
|
if (isFirefox) {
|
|
const firefoxScreenshareSource = kurentoManager.getFirefoxScreenshareSource();
|
|
screenConstraints.video.mediaSource = firefoxScreenshareSource;
|
|
|
|
console.log('getScreenConstraints for Firefox returns => ', screenConstraints);
|
|
return callback(null, screenConstraints);
|
|
}
|
|
|
|
// Falls back to getDisplayMedia if the browser supports it
|
|
if (hasDisplayMedia) {
|
|
return callback(null, getDisplayMediaConstraints());
|
|
}
|
|
|
|
if (isSafari) {
|
|
// At this time (version 11.1), Safari doesn't support screenshare.
|
|
return document.dispatchEvent(new Event('safariScreenshareNotSupported'));
|
|
}
|
|
};
|
|
|
|
window.kurentoInitialize = function () {
|
|
if (window.kurentoManager == null || window.KurentoManager === undefined) {
|
|
window.kurentoManager = new KurentoManager();
|
|
}
|
|
};
|
|
|
|
window.kurentoShareScreen = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.shareScreen.apply(window.kurentoManager, arguments);
|
|
};
|
|
|
|
|
|
window.kurentoExitScreenShare = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.exitScreenShare();
|
|
};
|
|
|
|
window.kurentoWatchVideo = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.joinWatchVideo.apply(window.kurentoManager, arguments);
|
|
};
|
|
|
|
window.kurentoExitVideo = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.exitVideo();
|
|
};
|
|
|
|
window.kurentoJoinAudio = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.joinAudio.apply(window.kurentoManager, arguments);
|
|
};
|
|
|
|
window.kurentoExitAudio = function () {
|
|
window.kurentoInitialize();
|
|
window.kurentoManager.exitAudio();
|
|
};
|
|
|
|
// a function to check whether the browser (Chrome only) is in an isIncognito
|
|
// session. Requires 1 mandatory callback that only gets called if the browser
|
|
// session is incognito. The callback for not being incognito is optional.
|
|
// Attempts to retrieve the chrome filesystem API.
|
|
/* window.checkIfIncognito = function(isIncognito, isNotIncognito = function () {}) {
|
|
isIncognito = Kurento.normalizeCallback(isIncognito);
|
|
isNotIncognito = Kurento.normalizeCallback(isNotIncognito);
|
|
|
|
var fs = window.RequestFileSystem || window.webkitRequestFileSystem;
|
|
if (!fs) {
|
|
isNotIncognito();
|
|
return;
|
|
}
|
|
fs(window.TEMPORARY, 100, function(){isNotIncognito()}, function(){isIncognito()});
|
|
};
|
|
|
|
window.checkChromeExtInstalled = function (callback, chromeExtensionId) {
|
|
callback = Kurento.normalizeCallback(callback);
|
|
|
|
if (typeof chrome === "undefined" || !chrome || !chrome.runtime) {
|
|
// No API, so no extension for sure
|
|
callback(false);
|
|
return;
|
|
}
|
|
chrome.runtime.sendMessage(
|
|
chromeExtensionId,
|
|
{ getVersion: true },
|
|
function (response) {
|
|
if (!response || !response.version) {
|
|
// Communication failure - assume that no endpoint exists
|
|
callback(false);
|
|
return;
|
|
}
|
|
callback(true);
|
|
}
|
|
);
|
|
} */
|