mirror of https://github.com/jitsi/jitsi-meet
hristoterezov
11 years ago
parent
996b1791d5
commit
5b34a66cb6
@ -1,180 +0,0 @@ |
||||
/* global connection, Strophe, updateLargeVideo, focusedVideoSrc*/ |
||||
|
||||
// cache datachannels to avoid garbage collection
|
||||
// https://code.google.com/p/chromium/issues/detail?id=405545
|
||||
var _dataChannels = []; |
||||
|
||||
/** |
||||
* Callback triggered by PeerConnection when new data channel is opened |
||||
* on the bridge. |
||||
* @param event the event info object. |
||||
*/ |
||||
|
||||
function onDataChannel(event) |
||||
{ |
||||
var dataChannel = event.channel; |
||||
|
||||
dataChannel.onopen = function () |
||||
{ |
||||
console.info("Data channel opened by the Videobridge!", dataChannel); |
||||
|
||||
// Code sample for sending string and/or binary data
|
||||
// Sends String message to the bridge
|
||||
//dataChannel.send("Hello bridge!");
|
||||
// Sends 12 bytes binary message to the bridge
|
||||
//dataChannel.send(new ArrayBuffer(12));
|
||||
|
||||
// when the data channel becomes available, tell the bridge about video
|
||||
// selections so that it can do adaptive simulcast,
|
||||
var userJid = VideoLayout.getLargeVideoState().userJid; |
||||
// we want the notification to trigger even if userJid is undefined,
|
||||
// or null.
|
||||
onSelectedEndpointChanged(userJid); |
||||
}; |
||||
|
||||
dataChannel.onerror = function (error) |
||||
{ |
||||
console.error("Data Channel Error:", error, dataChannel); |
||||
}; |
||||
|
||||
dataChannel.onmessage = function (event) |
||||
{ |
||||
var data = event.data; |
||||
// JSON
|
||||
var obj; |
||||
|
||||
try |
||||
{ |
||||
obj = JSON.parse(data); |
||||
} |
||||
catch (e) |
||||
{ |
||||
console.error( |
||||
"Failed to parse data channel message as JSON: ", |
||||
data, |
||||
dataChannel); |
||||
} |
||||
if (('undefined' !== typeof(obj)) && (null !== obj)) |
||||
{ |
||||
var colibriClass = obj.colibriClass; |
||||
|
||||
if ("DominantSpeakerEndpointChangeEvent" === colibriClass) |
||||
{ |
||||
// Endpoint ID from the Videobridge.
|
||||
var dominantSpeakerEndpoint = obj.dominantSpeakerEndpoint; |
||||
|
||||
console.info( |
||||
"Data channel new dominant speaker event: ", |
||||
dominantSpeakerEndpoint); |
||||
$(document).trigger( |
||||
'dominantspeakerchanged', |
||||
[dominantSpeakerEndpoint]); |
||||
} |
||||
else if ("InLastNChangeEvent" === colibriClass) |
||||
{ |
||||
var oldValue = obj.oldValue; |
||||
var newValue = obj.newValue; |
||||
// Make sure that oldValue and newValue are of type boolean.
|
||||
var type; |
||||
|
||||
if ((type = typeof oldValue) !== 'boolean') { |
||||
if (type === 'string') { |
||||
oldValue = (oldValue == "true"); |
||||
} else { |
||||
oldValue = new Boolean(oldValue).valueOf(); |
||||
} |
||||
} |
||||
if ((type = typeof newValue) !== 'boolean') { |
||||
if (type === 'string') { |
||||
newValue = (newValue == "true"); |
||||
} else { |
||||
newValue = new Boolean(newValue).valueOf(); |
||||
} |
||||
} |
||||
$(document).trigger('inlastnchanged', [oldValue, newValue]); |
||||
} |
||||
else if ("LastNEndpointsChangeEvent" === colibriClass) |
||||
{ |
||||
// The new/latest list of last-n endpoint IDs.
|
||||
var lastNEndpoints = obj.lastNEndpoints; |
||||
// The list of endpoint IDs which are entering the list of
|
||||
// last-n at this time i.e. were not in the old list of last-n
|
||||
// endpoint IDs.
|
||||
var endpointsEnteringLastN = obj.endpointsEnteringLastN; |
||||
var stream = obj.stream; |
||||
|
||||
console.log( |
||||
"Data channel new last-n event: ", |
||||
lastNEndpoints, endpointsEnteringLastN, obj); |
||||
$(document).trigger( |
||||
'lastnchanged', |
||||
[lastNEndpoints, endpointsEnteringLastN, stream]); |
||||
} |
||||
else if ("SimulcastLayersChangedEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger( |
||||
'simulcastlayerschanged', |
||||
[obj.endpointSimulcastLayers]); |
||||
} |
||||
else if ("SimulcastLayersChangingEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger( |
||||
'simulcastlayerschanging', |
||||
[obj.endpointSimulcastLayers]); |
||||
} |
||||
else if ("StartSimulcastLayerEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger('startsimulcastlayer', obj.simulcastLayer); |
||||
} |
||||
else if ("StopSimulcastLayerEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger('stopsimulcastlayer', obj.simulcastLayer); |
||||
} |
||||
else |
||||
{ |
||||
console.debug("Data channel JSON-formatted message: ", obj); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
dataChannel.onclose = function () |
||||
{ |
||||
console.info("The Data Channel closed", dataChannel); |
||||
var idx = _dataChannels.indexOf(dataChannel); |
||||
if (idx > -1)
|
||||
_dataChannels = _dataChannels.splice(idx, 1); |
||||
}; |
||||
_dataChannels.push(dataChannel); |
||||
} |
||||
|
||||
/** |
||||
* Binds "ondatachannel" event listener to given PeerConnection instance. |
||||
* @param peerConnection WebRTC peer connection instance. |
||||
*/ |
||||
function bindDataChannelListener(peerConnection) |
||||
{ |
||||
peerConnection.ondatachannel = onDataChannel; |
||||
|
||||
// Sample code for opening new data channel from Jitsi Meet to the bridge.
|
||||
// Although it's not a requirement to open separate channels from both bridge
|
||||
// and peer as single channel can be used for sending and receiving data.
|
||||
// So either channel opened by the bridge or the one opened here is enough
|
||||
// for communication with the bridge.
|
||||
/* |
||||
var dataChannelOptions = { reliable: true }; |
||||
var dataChannel |
||||
= peerConnection.createDataChannel("myChannel", dataChannelOptions); |
||||
|
||||
// Can be used only when is in open state
|
||||
dataChannel.onopen = function () |
||||
{ |
||||
dataChannel.send("My channel !!!"); |
||||
}; |
||||
dataChannel.onmessage = function (event) |
||||
{ |
||||
var msgData = event.data; |
||||
console.info("Got My Data Channel Message:", msgData, dataChannel); |
||||
}; |
||||
*/ |
||||
} |
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,235 @@ |
||||
/* global connection, Strophe, updateLargeVideo, focusedVideoSrc*/ |
||||
|
||||
// cache datachannels to avoid garbage collection
|
||||
// https://code.google.com/p/chromium/issues/detail?id=405545
|
||||
var _dataChannels = []; |
||||
|
||||
|
||||
|
||||
var DataChannels = |
||||
{ |
||||
|
||||
/** |
||||
* Callback triggered by PeerConnection when new data channel is opened |
||||
* on the bridge. |
||||
* @param event the event info object. |
||||
*/ |
||||
|
||||
onDataChannel: function (event) |
||||
{ |
||||
var dataChannel = event.channel; |
||||
|
||||
dataChannel.onopen = function () { |
||||
console.info("Data channel opened by the Videobridge!", dataChannel); |
||||
|
||||
// Code sample for sending string and/or binary data
|
||||
// Sends String message to the bridge
|
||||
//dataChannel.send("Hello bridge!");
|
||||
// Sends 12 bytes binary message to the bridge
|
||||
//dataChannel.send(new ArrayBuffer(12));
|
||||
|
||||
// when the data channel becomes available, tell the bridge about video
|
||||
// selections so that it can do adaptive simulcast,
|
||||
// we want the notification to trigger even if userJid is undefined,
|
||||
// or null.
|
||||
var userJid = VideoLayout.getLargeVideoState().userJid; |
||||
// we want the notification to trigger even if userJid is undefined,
|
||||
// or null.
|
||||
onSelectedEndpointChanged(userJid); |
||||
}; |
||||
|
||||
dataChannel.onerror = function (error) { |
||||
console.error("Data Channel Error:", error, dataChannel); |
||||
}; |
||||
|
||||
dataChannel.onmessage = function (event) { |
||||
var data = event.data; |
||||
// JSON
|
||||
var obj; |
||||
|
||||
try { |
||||
obj = JSON.parse(data); |
||||
} |
||||
catch (e) { |
||||
console.error( |
||||
"Failed to parse data channel message as JSON: ", |
||||
data, |
||||
dataChannel); |
||||
} |
||||
if (('undefined' !== typeof(obj)) && (null !== obj)) { |
||||
var colibriClass = obj.colibriClass; |
||||
|
||||
if ("DominantSpeakerEndpointChangeEvent" === colibriClass) { |
||||
// Endpoint ID from the Videobridge.
|
||||
var dominantSpeakerEndpoint = obj.dominantSpeakerEndpoint; |
||||
|
||||
console.info( |
||||
"Data channel new dominant speaker event: ", |
||||
dominantSpeakerEndpoint); |
||||
$(document).trigger( |
||||
'dominantspeakerchanged', |
||||
[dominantSpeakerEndpoint]); |
||||
} |
||||
else if ("InLastNChangeEvent" === colibriClass) |
||||
{ |
||||
var oldValue = obj.oldValue; |
||||
var newValue = obj.newValue; |
||||
// Make sure that oldValue and newValue are of type boolean.
|
||||
var type; |
||||
|
||||
if ((type = typeof oldValue) !== 'boolean') { |
||||
if (type === 'string') { |
||||
oldValue = (oldValue == "true"); |
||||
} else { |
||||
oldValue = new Boolean(oldValue).valueOf(); |
||||
} |
||||
} |
||||
if ((type = typeof newValue) !== 'boolean') { |
||||
if (type === 'string') { |
||||
newValue = (newValue == "true"); |
||||
} else { |
||||
newValue = new Boolean(newValue).valueOf(); |
||||
} |
||||
} |
||||
$(document).trigger('inlastnchanged', [oldValue, newValue]); |
||||
} |
||||
else if ("LastNEndpointsChangeEvent" === colibriClass) |
||||
{ |
||||
// The new/latest list of last-n endpoint IDs.
|
||||
var lastNEndpoints = obj.lastNEndpoints; |
||||
// The list of endpoint IDs which are entering the list of
|
||||
// last-n at this time i.e. were not in the old list of last-n
|
||||
// endpoint IDs.
|
||||
var endpointsEnteringLastN = obj.endpointsEnteringLastN; |
||||
var stream = obj.stream; |
||||
|
||||
console.log( |
||||
"Data channel new last-n event: ", |
||||
lastNEndpoints, endpointsEnteringLastN, obj); |
||||
$(document).trigger( |
||||
'lastnchanged', |
||||
[lastNEndpoints, endpointsEnteringLastN, stream]); |
||||
} |
||||
else if ("SimulcastLayersChangedEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger( |
||||
'simulcastlayerschanged', |
||||
[obj.endpointSimulcastLayers]); |
||||
} |
||||
else if ("SimulcastLayersChangingEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger( |
||||
'simulcastlayerschanging', |
||||
[obj.endpointSimulcastLayers]); |
||||
} |
||||
else if ("StartSimulcastLayerEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger('startsimulcastlayer', obj.simulcastLayer); |
||||
} |
||||
else if ("StopSimulcastLayerEvent" === colibriClass) |
||||
{ |
||||
$(document).trigger('stopsimulcastlayer', obj.simulcastLayer); |
||||
} |
||||
else |
||||
{ |
||||
console.debug("Data channel JSON-formatted message: ", obj); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
dataChannel.onclose = function () |
||||
{ |
||||
console.info("The Data Channel closed", dataChannel); |
||||
var idx = _dataChannels.indexOf(dataChannel); |
||||
if (idx > -1) |
||||
_dataChannels = _dataChannels.splice(idx, 1); |
||||
}; |
||||
_dataChannels.push(dataChannel); |
||||
}, |
||||
|
||||
/** |
||||
* Binds "ondatachannel" event listener to given PeerConnection instance. |
||||
* @param peerConnection WebRTC peer connection instance. |
||||
*/ |
||||
bindDataChannelListener: function (peerConnection) { |
||||
if(!config.openSctp) |
||||
retrun; |
||||
|
||||
peerConnection.ondatachannel = this.onDataChannel; |
||||
|
||||
// Sample code for opening new data channel from Jitsi Meet to the bridge.
|
||||
// Although it's not a requirement to open separate channels from both bridge
|
||||
// and peer as single channel can be used for sending and receiving data.
|
||||
// So either channel opened by the bridge or the one opened here is enough
|
||||
// for communication with the bridge.
|
||||
/*var dataChannelOptions = |
||||
{ |
||||
reliable: true |
||||
}; |
||||
var dataChannel |
||||
= peerConnection.createDataChannel("myChannel", dataChannelOptions); |
||||
|
||||
// Can be used only when is in open state
|
||||
dataChannel.onopen = function () |
||||
{ |
||||
dataChannel.send("My channel !!!"); |
||||
}; |
||||
dataChannel.onmessage = function (event) |
||||
{ |
||||
var msgData = event.data; |
||||
console.info("Got My Data Channel Message:", msgData, dataChannel); |
||||
};*/ |
||||
} |
||||
|
||||
} |
||||
|
||||
function onSelectedEndpointChanged(userJid) |
||||
{ |
||||
console.log('selected endpoint changed: ', userJid); |
||||
if (_dataChannels && _dataChannels.length != 0) |
||||
{ |
||||
_dataChannels.some(function (dataChannel) { |
||||
if (dataChannel.readyState == 'open') |
||||
{ |
||||
dataChannel.send(JSON.stringify({ |
||||
'colibriClass': 'SelectedEndpointChangedEvent', |
||||
'selectedEndpoint': (!userJid || userJid == null) |
||||
? null : userJid |
||||
})); |
||||
|
||||
return true; |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
$(document).bind("selectedendpointchanged", function(event, userJid) { |
||||
onSelectedEndpointChanged(userJid); |
||||
}); |
||||
|
||||
function onPinnedEndpointChanged(userJid) |
||||
{ |
||||
console.log('pinned endpoint changed: ', userJid); |
||||
if (_dataChannels && _dataChannels.length != 0) |
||||
{ |
||||
_dataChannels.some(function (dataChannel) { |
||||
if (dataChannel.readyState == 'open') |
||||
{ |
||||
dataChannel.send(JSON.stringify({ |
||||
'colibriClass': 'PinnedEndpointChangedEvent', |
||||
'pinnedEndpoint': (!userJid || userJid == null) |
||||
? null : Strophe.getResourceFromJid(userJid) |
||||
})); |
||||
|
||||
return true; |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
|
||||
$(document).bind("pinnedendpointchanged", function(event, userJid) { |
||||
onPinnedEndpointChanged(userJid); |
||||
}); |
||||
|
||||
module.exports = DataChannels; |
||||
|
||||
@ -0,0 +1,66 @@ |
||||
//var StreamEventTypes = require("../../service/RTC/StreamEventTypes.js");
|
||||
|
||||
function LocalStream(stream, type, eventEmitter) |
||||
{ |
||||
this.stream = stream; |
||||
this.eventEmitter = eventEmitter; |
||||
this.type = type; |
||||
|
||||
var self = this; |
||||
this.stream.onended = function() |
||||
{ |
||||
self.streamEnded(); |
||||
}; |
||||
} |
||||
|
||||
LocalStream.prototype.streamEnded = function () { |
||||
this.eventEmitter.emit(StreamEventTypes.EVENT_TYPE_LOCAL_ENDED, this); |
||||
} |
||||
|
||||
LocalStream.prototype.getOriginalStream = function() |
||||
{ |
||||
return this.stream; |
||||
} |
||||
|
||||
LocalStream.prototype.isAudioStream = function () { |
||||
return (this.stream.getAudioTracks() && this.stream.getAudioTracks().length > 0); |
||||
} |
||||
|
||||
LocalStream.prototype.mute = function() |
||||
{ |
||||
var ismuted = false; |
||||
var tracks = []; |
||||
if(this.type = "audio") |
||||
{ |
||||
tracks = this.stream.getAudioTracks(); |
||||
} |
||||
else |
||||
{ |
||||
tracks = this.stream.getVideoTracks(); |
||||
} |
||||
|
||||
for (var idx = 0; idx < tracks.length; idx++) { |
||||
ismuted = !tracks[idx].enabled; |
||||
tracks[idx].enabled = !tracks[idx].enabled; |
||||
} |
||||
return ismuted; |
||||
} |
||||
|
||||
LocalStream.prototype.isMuted = function () { |
||||
var tracks = []; |
||||
if(this.type = "audio") |
||||
{ |
||||
tracks = this.stream.getAudioTracks(); |
||||
} |
||||
else |
||||
{ |
||||
tracks = this.stream.getVideoTracks(); |
||||
} |
||||
for (var idx = 0; idx < tracks.length; idx++) { |
||||
if(tracks[idx].enabled) |
||||
return false; |
||||
} |
||||
return true; |
||||
} |
||||
|
||||
module.exports = LocalStream; |
||||
@ -0,0 +1,49 @@ |
||||
var RTC = require("./RTC.js"); |
||||
////These lines should be uncommented when require works in app.js
|
||||
//var RTCBrowserType = require("../../service/RTC/RTCBrowserType.js");
|
||||
//var StreamEventTypes = require("../../service/RTC/StreamEventTypes.js");
|
||||
//var MediaStreamType = require("../../service/RTC/MediaStreamTypes");
|
||||
|
||||
/** |
||||
* Creates a MediaStream object for the given data, session id and ssrc. |
||||
* It is a wrapper class for the MediaStream. |
||||
* |
||||
* @param data the data object from which we obtain the stream, |
||||
* the peerjid, etc. |
||||
* @param sid the session id |
||||
* @param ssrc the ssrc corresponding to this MediaStream |
||||
* |
||||
* @constructor |
||||
*/ |
||||
function MediaStream(data, sid, ssrc, eventEmmiter) { |
||||
this.sid = sid; |
||||
this.stream = data.stream; |
||||
this.peerjid = data.peerjid; |
||||
this.ssrc = ssrc; |
||||
this.type = (this.stream.getVideoTracks().length > 0)? |
||||
MediaStreamType.VIDEO_TYPE : MediaStreamType.AUDIO_TYPE; |
||||
this.muted = false; |
||||
eventEmmiter.emit(StreamEventTypes.EVENT_TYPE_REMOTE_CREATED, this); |
||||
} |
||||
|
||||
if(RTC.getBrowserType() == RTCBrowserType.RTC_BROWSER_FIREFOX) |
||||
{ |
||||
if (!MediaStream.prototype.getVideoTracks) |
||||
MediaStream.prototype.getVideoTracks = function () { return []; }; |
||||
if (!MediaStream.prototype.getAudioTracks) |
||||
MediaStream.prototype.getAudioTracks = function () { return []; }; |
||||
} |
||||
|
||||
MediaStream.prototype.getOriginalStream = function() |
||||
{ |
||||
return this.stream; |
||||
} |
||||
|
||||
MediaStream.prototype.setMute = function (value) |
||||
{ |
||||
this.stream.muted = value; |
||||
this.muted = value; |
||||
} |
||||
|
||||
|
||||
module.exports = MediaStream; |
||||
@ -0,0 +1,122 @@ |
||||
var EventEmitter = require("events"); |
||||
var RTCUtils = require("./RTCUtils.js"); |
||||
//These lines should be uncommented when require works in app.js
|
||||
//var StreamEventTypes = require("../../service/RTC/StreamEventTypes.js");
|
||||
//var XMPPEvents = require("../service/xmpp/XMPPEvents");
|
||||
|
||||
var eventEmitter = new EventEmitter(); |
||||
|
||||
var RTC = { |
||||
rtcUtils: null, |
||||
localStreams: [], |
||||
remoteStreams: {}, |
||||
localAudio: null, |
||||
localVideo: null, |
||||
addStreamListener: function (listener, eventType) { |
||||
eventEmitter.on(eventType, listener); |
||||
}, |
||||
removeStreamListener: function (listener, eventType) { |
||||
if(!(eventType instanceof StreamEventTypes)) |
||||
throw "Illegal argument"; |
||||
|
||||
eventEmitter.removeListener(eventType, listener); |
||||
}, |
||||
createLocalStream: function (stream, type) { |
||||
var LocalStream = require("./LocalStream.js"); |
||||
var localStream = new LocalStream(stream, type, eventEmitter); |
||||
this.localStreams.push(localStream); |
||||
if(type == "audio") |
||||
{ |
||||
this.localAudio = localStream; |
||||
} |
||||
else |
||||
{ |
||||
this.localVideo = localStream; |
||||
} |
||||
eventEmitter.emit(StreamEventTypes.EVENT_TYPE_LOCAL_CREATED, |
||||
localStream); |
||||
return localStream; |
||||
}, |
||||
removeLocalStream: function (stream) { |
||||
for(var i = 0; i < this.localStreams.length; i++) |
||||
{ |
||||
if(this.localStreams[i].getOriginalStream() === stream) { |
||||
delete this.localStreams[i]; |
||||
return; |
||||
} |
||||
} |
||||
}, |
||||
createRemoteStream: function (data, sid, thessrc) { |
||||
var MediaStream = require("./MediaStream.js") |
||||
var remoteStream = new MediaStream(data, sid, thessrc, eventEmitter); |
||||
var jid = data.peerjid || connection.emuc.myroomjid; |
||||
if(!this.remoteStreams[jid]) { |
||||
this.remoteStreams[jid] = {}; |
||||
} |
||||
this.remoteStreams[jid][remoteStream.type]= remoteStream; |
||||
return remoteStream; |
||||
}, |
||||
getBrowserType: function () { |
||||
return this.rtcUtils.browser; |
||||
}, |
||||
getPCConstraints: function () { |
||||
return this.rtcUtils.pc_constraints; |
||||
}, |
||||
getUserMediaWithConstraints:function(um, success_callback, |
||||
failure_callback, resolution, |
||||
bandwidth, fps, desktopStream) |
||||
{ |
||||
return this.rtcUtils.getUserMediaWithConstraints(um, success_callback, |
||||
failure_callback, resolution, bandwidth, fps, desktopStream); |
||||
}, |
||||
attachMediaStream: function (element, stream) { |
||||
this.rtcUtils.attachMediaStream(element, stream); |
||||
}, |
||||
getStreamID: function (stream) { |
||||
return this.rtcUtils.getStreamID(stream); |
||||
}, |
||||
getVideoSrc: function (element) { |
||||
return this.rtcUtils.getVideoSrc(element); |
||||
}, |
||||
setVideoSrc: function (element, src) { |
||||
this.rtcUtils.setVideoSrc(element, src); |
||||
}, |
||||
dispose: function() { |
||||
if (this.rtcUtils) { |
||||
this.rtcUtils = null; |
||||
} |
||||
}, |
||||
stop: function () { |
||||
this.dispose(); |
||||
}, |
||||
start: function () { |
||||
this.rtcUtils = new RTCUtils(this); |
||||
this.rtcUtils.obtainAudioAndVideoPermissions(); |
||||
}, |
||||
onConferenceCreated: function(event) { |
||||
var DataChannels = require("./datachannels"); |
||||
DataChannels.bindDataChannelListener(event.peerconnection); |
||||
}, |
||||
muteRemoteVideoStream: function (jid, value) { |
||||
var stream; |
||||
|
||||
if(this.remoteStreams[jid] && |
||||
this.remoteStreams[jid][MediaStreamType.VIDEO_TYPE]) |
||||
{ |
||||
stream = this.remoteStreams[jid][MediaStreamType.VIDEO_TYPE]; |
||||
} |
||||
|
||||
if(!stream) |
||||
return false; |
||||
|
||||
var isMuted = (value === "true"); |
||||
if (isMuted != stream.muted) { |
||||
stream.setMute(isMuted); |
||||
return true; |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
}; |
||||
|
||||
module.exports = RTC; |
||||
@ -0,0 +1,338 @@ |
||||
//This should be uncommented when app.js supports require
|
||||
//var RTCBrowserType = require("../../service/RTC/RTCBrowserType.js");
|
||||
|
||||
var constraints = {audio: false, video: false}; |
||||
|
||||
function setResolutionConstraints(resolution, isAndroid) |
||||
{ |
||||
if (resolution && !constraints.video || isAndroid) { |
||||
constraints.video = { mandatory: {}, optional: [] };// same behaviour as true
|
||||
} |
||||
// see https://code.google.com/p/chromium/issues/detail?id=143631#c9 for list of supported resolutions
|
||||
switch (resolution) { |
||||
// 16:9 first
|
||||
case '1080': |
||||
case 'fullhd': |
||||
constraints.video.mandatory.minWidth = 1920; |
||||
constraints.video.mandatory.minHeight = 1080; |
||||
break; |
||||
case '720': |
||||
case 'hd': |
||||
constraints.video.mandatory.minWidth = 1280; |
||||
constraints.video.mandatory.minHeight = 720; |
||||
break; |
||||
case '360': |
||||
constraints.video.mandatory.minWidth = 640; |
||||
constraints.video.mandatory.minHeight = 360; |
||||
break; |
||||
case '180': |
||||
constraints.video.mandatory.minWidth = 320; |
||||
constraints.video.mandatory.minHeight = 180; |
||||
break; |
||||
// 4:3
|
||||
case '960': |
||||
constraints.video.mandatory.minWidth = 960; |
||||
constraints.video.mandatory.minHeight = 720; |
||||
break; |
||||
case '640': |
||||
case 'vga': |
||||
constraints.video.mandatory.minWidth = 640; |
||||
constraints.video.mandatory.minHeight = 480; |
||||
break; |
||||
case '320': |
||||
constraints.video.mandatory.minWidth = 320; |
||||
constraints.video.mandatory.minHeight = 240; |
||||
break; |
||||
default: |
||||
if (isAndroid) { |
||||
constraints.video.mandatory.minWidth = 320; |
||||
constraints.video.mandatory.minHeight = 240; |
||||
constraints.video.mandatory.maxFrameRate = 15; |
||||
} |
||||
break; |
||||
} |
||||
if (constraints.video.mandatory.minWidth) |
||||
constraints.video.mandatory.maxWidth = constraints.video.mandatory.minWidth; |
||||
if (constraints.video.mandatory.minHeight) |
||||
constraints.video.mandatory.maxHeight = constraints.video.mandatory.minHeight; |
||||
} |
||||
|
||||
|
||||
function setConstraints(um, resolution, bandwidth, fps, desktopStream, isAndroid) |
||||
{ |
||||
if (um.indexOf('video') >= 0) { |
||||
constraints.video = { mandatory: {}, optional: [] };// same behaviour as true
|
||||
} |
||||
if (um.indexOf('audio') >= 0) { |
||||
constraints.audio = { mandatory: {}, optional: []};// same behaviour as true
|
||||
} |
||||
if (um.indexOf('screen') >= 0) { |
||||
constraints.video = { |
||||
mandatory: { |
||||
chromeMediaSource: "screen", |
||||
googLeakyBucket: true, |
||||
maxWidth: window.screen.width, |
||||
maxHeight: window.screen.height, |
||||
maxFrameRate: 3 |
||||
}, |
||||
optional: [] |
||||
}; |
||||
} |
||||
if (um.indexOf('desktop') >= 0) { |
||||
constraints.video = { |
||||
mandatory: { |
||||
chromeMediaSource: "desktop", |
||||
chromeMediaSourceId: desktopStream, |
||||
googLeakyBucket: true, |
||||
maxWidth: window.screen.width, |
||||
maxHeight: window.screen.height, |
||||
maxFrameRate: 3 |
||||
}, |
||||
optional: [] |
||||
}; |
||||
} |
||||
|
||||
if (constraints.audio) { |
||||
// if it is good enough for hangouts...
|
||||
constraints.audio.optional.push( |
||||
{googEchoCancellation: true}, |
||||
{googAutoGainControl: true}, |
||||
{googNoiseSupression: true}, |
||||
{googHighpassFilter: true}, |
||||
{googNoisesuppression2: true}, |
||||
{googEchoCancellation2: true}, |
||||
{googAutoGainControl2: true} |
||||
); |
||||
} |
||||
if (constraints.video) { |
||||
constraints.video.optional.push( |
||||
{googNoiseReduction: false} // chrome 37 workaround for issue 3807, reenable in M38
|
||||
); |
||||
if (um.indexOf('video') >= 0) { |
||||
constraints.video.optional.push( |
||||
{googLeakyBucket: true} |
||||
); |
||||
} |
||||
} |
||||
|
||||
setResolutionConstraints(resolution, isAndroid); |
||||
|
||||
if (bandwidth) { // doesn't work currently, see webrtc issue 1846
|
||||
if (!constraints.video) constraints.video = {mandatory: {}, optional: []};//same behaviour as true
|
||||
constraints.video.optional.push({bandwidth: bandwidth}); |
||||
} |
||||
if (fps) { // for some cameras it might be necessary to request 30fps
|
||||
// so they choose 30fps mjpg over 10fps yuy2
|
||||
if (!constraints.video) constraints.video = {mandatory: {}, optional: []};// same behaviour as true;
|
||||
constraints.video.mandatory.minFrameRate = fps; |
||||
} |
||||
} |
||||
|
||||
|
||||
function RTCUtils(RTCService) |
||||
{ |
||||
this.service = RTCService; |
||||
if (navigator.mozGetUserMedia) { |
||||
console.log('This appears to be Firefox'); |
||||
var version = parseInt(navigator.userAgent.match(/Firefox\/([0-9]+)\./)[1], 10); |
||||
if (version >= 22) { |
||||
this.peerconnection = mozRTCPeerConnection; |
||||
this.browser = RTCBrowserType.RTC_BROWSER_FIREFOX; |
||||
this.getUserMedia = navigator.mozGetUserMedia.bind(navigator); |
||||
this.pc_constraints = {}; |
||||
this.attachMediaStream = function (element, stream) { |
||||
element[0].mozSrcObject = stream; |
||||
element[0].play(); |
||||
}; |
||||
this.getStreamID = function (stream) { |
||||
var tracks = stream.getVideoTracks(); |
||||
if(!tracks || tracks.length == 0) |
||||
{ |
||||
tracks = stream.getAudioTracks(); |
||||
} |
||||
return tracks[0].id.replace(/[\{,\}]/g,""); |
||||
}; |
||||
this.getVideoSrc = function (element) { |
||||
return element.mozSrcObject; |
||||
}; |
||||
this.setVideoSrc = function (element, src) { |
||||
element.mozSrcObject = src; |
||||
}; |
||||
RTCSessionDescription = mozRTCSessionDescription; |
||||
RTCIceCandidate = mozRTCIceCandidate; |
||||
} |
||||
} else if (navigator.webkitGetUserMedia) { |
||||
console.log('This appears to be Chrome'); |
||||
this.peerconnection = webkitRTCPeerConnection; |
||||
this.browser = RTCBrowserType.RTC_BROWSER_CHROME; |
||||
this.getUserMedia = navigator.webkitGetUserMedia.bind(navigator); |
||||
this.attachMediaStream = function (element, stream) { |
||||
element.attr('src', webkitURL.createObjectURL(stream)); |
||||
}; |
||||
this.getStreamID = function (stream) { |
||||
// streams from FF endpoints have the characters '{' and '}'
|
||||
// that make jQuery choke.
|
||||
return stream.id.replace(/[\{,\}]/g,""); |
||||
}; |
||||
this.getVideoSrc = function (element) { |
||||
return element.getAttribute("src"); |
||||
}; |
||||
this.setVideoSrc = function (element, src) { |
||||
element.setAttribute("src", src); |
||||
}; |
||||
// DTLS should now be enabled by default but..
|
||||
this.pc_constraints = {'optional': [{'DtlsSrtpKeyAgreement': 'true'}]}; |
||||
if (navigator.userAgent.indexOf('Android') != -1) { |
||||
this.pc_constraints = {}; // disable DTLS on Android
|
||||
} |
||||
if (!webkitMediaStream.prototype.getVideoTracks) { |
||||
webkitMediaStream.prototype.getVideoTracks = function () { |
||||
return this.videoTracks; |
||||
}; |
||||
} |
||||
if (!webkitMediaStream.prototype.getAudioTracks) { |
||||
webkitMediaStream.prototype.getAudioTracks = function () { |
||||
return this.audioTracks; |
||||
}; |
||||
} |
||||
} |
||||
else |
||||
{ |
||||
try { console.log('Browser does not appear to be WebRTC-capable'); } catch (e) { } |
||||
|
||||
window.location.href = 'webrtcrequired.html'; |
||||
return; |
||||
} |
||||
|
||||
if (this.browser !== RTCBrowserType.RTC_BROWSER_CHROME && |
||||
config.enableFirefoxSupport !== true) { |
||||
window.location.href = 'chromeonly.html'; |
||||
return; |
||||
} |
||||
|
||||
} |
||||
|
||||
|
||||
RTCUtils.prototype.getUserMediaWithConstraints = function( |
||||
um, success_callback, failure_callback, resolution,bandwidth, fps, |
||||
desktopStream) |
||||
{ |
||||
// Check if we are running on Android device
|
||||
var isAndroid = navigator.userAgent.indexOf('Android') != -1; |
||||
|
||||
setConstraints(um, resolution, bandwidth, fps, desktopStream, isAndroid); |
||||
|
||||
var isFF = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; |
||||
|
||||
try { |
||||
if (config.enableSimulcast |
||||
&& constraints.video |
||||
&& constraints.video.chromeMediaSource !== 'screen' |
||||
&& constraints.video.chromeMediaSource !== 'desktop' |
||||
&& !isAndroid |
||||
|
||||
// We currently do not support FF, as it doesn't have multistream support.
|
||||
&& !isFF) { |
||||
simulcast.getUserMedia(constraints, function (stream) { |
||||
console.log('onUserMediaSuccess'); |
||||
success_callback(stream); |
||||
}, |
||||
function (error) { |
||||
console.warn('Failed to get access to local media. Error ', error); |
||||
if (failure_callback) { |
||||
failure_callback(error); |
||||
} |
||||
}); |
||||
} else { |
||||
|
||||
RTCUtils.getUserMedia(constraints, |
||||
function (stream) { |
||||
console.log('onUserMediaSuccess'); |
||||
success_callback(stream); |
||||
}, |
||||
function (error) { |
||||
console.warn('Failed to get access to local media. Error ', error); |
||||
if (failure_callback) { |
||||
failure_callback(error); |
||||
} |
||||
}); |
||||
|
||||
} |
||||
} catch (e) { |
||||
console.error('GUM failed: ', e); |
||||
if(failure_callback) { |
||||
failure_callback(e); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
/** |
||||
* We ask for audio and video combined stream in order to get permissions and |
||||
* not to ask twice. |
||||
*/ |
||||
RTCUtils.prototype.obtainAudioAndVideoPermissions = function() { |
||||
var self = this; |
||||
// Get AV
|
||||
var cb = function (stream) { |
||||
console.log('got', stream, stream.getAudioTracks().length, stream.getVideoTracks().length); |
||||
self.handleLocalStream(stream); |
||||
trackUsage('localMedia', { |
||||
audio: stream.getAudioTracks().length, |
||||
video: stream.getVideoTracks().length |
||||
}); |
||||
}; |
||||
var self = this; |
||||
this.getUserMediaWithConstraints( |
||||
['audio', 'video'], |
||||
cb, |
||||
function (error) { |
||||
console.error('failed to obtain audio/video stream - trying audio only', error); |
||||
self.getUserMediaWithConstraints( |
||||
['audio'], |
||||
cb, |
||||
function (error) { |
||||
console.error('failed to obtain audio/video stream - stop', error); |
||||
trackUsage('localMediaError', { |
||||
media: error.media || 'video', |
||||
name : error.name |
||||
}); |
||||
messageHandler.showError("Error", |
||||
"Failed to obtain permissions to use the local microphone" + |
||||
"and/or camera."); |
||||
} |
||||
); |
||||
}, |
||||
config.resolution || '360'); |
||||
} |
||||
|
||||
RTCUtils.prototype.handleLocalStream = function(stream) |
||||
{ |
||||
if(window.webkitMediaStream) |
||||
{ |
||||
var audioStream = new webkitMediaStream(); |
||||
var videoStream = new webkitMediaStream(); |
||||
var audioTracks = stream.getAudioTracks(); |
||||
var videoTracks = stream.getVideoTracks(); |
||||
for (var i = 0; i < audioTracks.length; i++) { |
||||
audioStream.addTrack(audioTracks[i]); |
||||
} |
||||
|
||||
this.service.createLocalStream(audioStream, "audio"); |
||||
|
||||
for (i = 0; i < videoTracks.length; i++) { |
||||
videoStream.addTrack(videoTracks[i]); |
||||
} |
||||
|
||||
|
||||
this.service.createLocalStream(videoStream, "video"); |
||||
} |
||||
else |
||||
{//firefox
|
||||
this.service.createLocalStream(stream, "stream"); |
||||
} |
||||
|
||||
}; |
||||
|
||||
|
||||
|
||||
module.exports = RTCUtils; |
||||
@ -0,0 +1,7 @@ |
||||
var MediaStreamType = { |
||||
VIDEO_TYPE: "Video", |
||||
|
||||
AUDIO_TYPE: "Audio" |
||||
}; |
||||
////These lines should be uncommented when require works in app.js
|
||||
//module.exports = MediaStreamType;
|
||||
@ -0,0 +1,7 @@ |
||||
var RTCBrowserType = { |
||||
RTC_BROWSER_CHROME: "rtc_browser.chrome", |
||||
|
||||
RTC_BROWSER_FIREFOX: "rtc_browser.firefox" |
||||
}; |
||||
|
||||
//module.exports = RTCBrowserType;
|
||||
@ -0,0 +1,12 @@ |
||||
var StreamEventTypes = { |
||||
EVENT_TYPE_LOCAL_CREATED: "stream.local_created", |
||||
|
||||
EVENT_TYPE_LOCAL_ENDED: "stream.local_ended", |
||||
|
||||
EVENT_TYPE_REMOTE_CREATED: "stream.remote_created", |
||||
|
||||
EVENT_TYPE_REMOTE_ENDED: "stream.remote_ended" |
||||
}; |
||||
|
||||
//These lines should be uncommented when require works in app.js
|
||||
//module.exports = StreamEventTypes;
|
||||
Loading…
Reference in new issue