2014-12-19 13:59:08 +00:00
|
|
|
/* 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.
|
2015-01-07 14:54:03 +00:00
|
|
|
var userJid = UI.getLargeVideoState().userJid;
|
2014-12-19 13:59:08 +00:00
|
|
|
// 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;
|
|
|
|
|