Creates API module.
This commit is contained in:
parent
27502d3fa8
commit
0508628871
202
api_connector.js
202
api_connector.js
|
@ -1,202 +0,0 @@
|
||||||
/**
|
|
||||||
* Implements API class that communicates with external api class
|
|
||||||
* and provides interface to access Jitsi Meet features by external
|
|
||||||
* applications that embed Jitsi Meet
|
|
||||||
*/
|
|
||||||
var APIConnector = (function () {
|
|
||||||
|
|
||||||
function APIConnector() { }
|
|
||||||
|
|
||||||
/**
|
|
||||||
* List of the available commands.
|
|
||||||
* @type {{
|
|
||||||
* displayName: inputDisplayNameHandler,
|
|
||||||
* muteAudio: toggleAudio,
|
|
||||||
* muteVideo: toggleVideo,
|
|
||||||
* filmStrip: toggleFilmStrip
|
|
||||||
* }}
|
|
||||||
*/
|
|
||||||
var commands =
|
|
||||||
{
|
|
||||||
displayName: UI.inputDisplayNameHandler,
|
|
||||||
muteAudio: toggleAudio,
|
|
||||||
muteVideo: toggleVideo,
|
|
||||||
toggleFilmStrip: UI.toggleFilmStrip,
|
|
||||||
toggleChat: UI.toggleChat,
|
|
||||||
toggleContactList: UI.toggleContactList
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Maps the supported events and their status
|
|
||||||
* (true it the event is enabled and false if it is disabled)
|
|
||||||
* @type {{
|
|
||||||
* incomingMessage: boolean,
|
|
||||||
* outgoingMessage: boolean,
|
|
||||||
* displayNameChange: boolean,
|
|
||||||
* participantJoined: boolean,
|
|
||||||
* participantLeft: boolean
|
|
||||||
* }}
|
|
||||||
*/
|
|
||||||
var events =
|
|
||||||
{
|
|
||||||
incomingMessage: false,
|
|
||||||
outgoingMessage:false,
|
|
||||||
displayNameChange: false,
|
|
||||||
participantJoined: false,
|
|
||||||
participantLeft: false
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Check whether the API should be enabled or not.
|
|
||||||
* @returns {boolean}
|
|
||||||
*/
|
|
||||||
APIConnector.isEnabled = function () {
|
|
||||||
var hash = location.hash;
|
|
||||||
if(hash && hash.indexOf("external") > -1 && window.postMessage)
|
|
||||||
return true;
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Initializes the APIConnector. Setups message event listeners that will
|
|
||||||
* receive information from external applications that embed Jitsi Meet.
|
|
||||||
* It also sends a message to the external application that APIConnector
|
|
||||||
* is initialized.
|
|
||||||
*/
|
|
||||||
APIConnector.init = function () {
|
|
||||||
if (window.addEventListener)
|
|
||||||
{
|
|
||||||
window.addEventListener('message',
|
|
||||||
APIConnector.processMessage, false);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
window.attachEvent('onmessage', APIConnector.processMessage);
|
|
||||||
}
|
|
||||||
APIConnector.sendMessage({type: "system", loaded: true});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sends message to the external application.
|
|
||||||
* @param object
|
|
||||||
*/
|
|
||||||
APIConnector.sendMessage = function (object) {
|
|
||||||
window.parent.postMessage(JSON.stringify(object), "*");
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Processes a message event from the external application
|
|
||||||
* @param event the message event
|
|
||||||
*/
|
|
||||||
APIConnector.processMessage = function(event)
|
|
||||||
{
|
|
||||||
var message;
|
|
||||||
try {
|
|
||||||
message = JSON.parse(event.data);
|
|
||||||
} catch (e) {}
|
|
||||||
|
|
||||||
if(!message.type)
|
|
||||||
return;
|
|
||||||
switch (message.type)
|
|
||||||
{
|
|
||||||
case "command":
|
|
||||||
APIConnector.processCommand(message);
|
|
||||||
break;
|
|
||||||
case "event":
|
|
||||||
APIConnector.processEvent(message);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
console.error("Unknown type of the message");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Processes commands from external applicaiton.
|
|
||||||
* @param message the object with the command
|
|
||||||
*/
|
|
||||||
APIConnector.processCommand = function (message)
|
|
||||||
{
|
|
||||||
if(message.action != "execute")
|
|
||||||
{
|
|
||||||
console.error("Unknown action of the message");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
for(var key in message)
|
|
||||||
{
|
|
||||||
if(commands[key])
|
|
||||||
commands[key].apply(null, message[key]);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Processes events objects from external applications
|
|
||||||
* @param event the event
|
|
||||||
*/
|
|
||||||
APIConnector.processEvent = function (event) {
|
|
||||||
if(!event.action)
|
|
||||||
{
|
|
||||||
console.error("Event with no action is received.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch(event.action)
|
|
||||||
{
|
|
||||||
case "add":
|
|
||||||
for(var i = 0; i < event.events.length; i++)
|
|
||||||
{
|
|
||||||
events[event.events[i]] = true;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "remove":
|
|
||||||
for(var i = 0; i < event.events.length; i++)
|
|
||||||
{
|
|
||||||
events[event.events[i]] = false;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
console.error("Unknown action for event.");
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Checks whether the event is enabled ot not.
|
|
||||||
* @param name the name of the event.
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
APIConnector.isEventEnabled = function (name) {
|
|
||||||
return events[name];
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sends event object to the external application that has been subscribed
|
|
||||||
* for that event.
|
|
||||||
* @param name the name event
|
|
||||||
* @param object data associated with the event
|
|
||||||
*/
|
|
||||||
APIConnector.triggerEvent = function (name, object) {
|
|
||||||
APIConnector.sendMessage({
|
|
||||||
type: "event", action: "result", event: name, result: object});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Removes the listeners.
|
|
||||||
*/
|
|
||||||
APIConnector.dispose = function () {
|
|
||||||
if(window.removeEventListener)
|
|
||||||
{
|
|
||||||
window.removeEventListener("message",
|
|
||||||
APIConnector.processMessage, false);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
window.detachEvent('onmessage', APIConnector.processMessage);
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
return APIConnector;
|
|
||||||
})();
|
|
8
app.js
8
app.js
|
@ -732,8 +732,8 @@ function isAudioMuted()
|
||||||
|
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
if(APIConnector.isEnabled())
|
if(API.isEnabled())
|
||||||
APIConnector.init();
|
API.init();
|
||||||
|
|
||||||
UI.start();
|
UI.start();
|
||||||
statistics.start();
|
statistics.start();
|
||||||
|
@ -771,8 +771,8 @@ $(window).bind('beforeunload', function () {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
disposeConference(true);
|
disposeConference(true);
|
||||||
if(APIConnector.isEnabled())
|
if(API.isEnabled())
|
||||||
APIConnector.dispose();
|
API.dispose();
|
||||||
});
|
});
|
||||||
|
|
||||||
function disposeConference(onUnload) {
|
function disposeConference(onUnload) {
|
||||||
|
|
|
@ -31,19 +31,19 @@
|
||||||
<script src="service/RTC/StreamEventTypes.js?v=1"></script>
|
<script src="service/RTC/StreamEventTypes.js?v=1"></script>
|
||||||
<script src="service/RTC/MediaStreamTypes.js?v=1"></script>
|
<script src="service/RTC/MediaStreamTypes.js?v=1"></script>
|
||||||
<script src="libs/modules/connectionquality.bundle.js?v=1"></script>
|
<script src="libs/modules/connectionquality.bundle.js?v=1"></script>
|
||||||
<script src="libs/modules/UI.bundle.js?v=1"></script>
|
<script src="libs/modules/UI.bundle.js?v=2"></script>
|
||||||
<script src="libs/modules/statistics.bundle.js?v=1"></script>
|
<script src="libs/modules/statistics.bundle.js?v=1"></script>
|
||||||
<script src="libs/modules/RTC.bundle.js?v=1"></script>
|
<script src="libs/modules/RTC.bundle.js?v=1"></script>
|
||||||
<script src="muc.js?v=17"></script><!-- simple MUC library -->
|
<script src="muc.js?v=17"></script><!-- simple MUC library -->
|
||||||
<script src="estos_log.js?v=2"></script><!-- simple stanza logger -->
|
<script src="estos_log.js?v=2"></script><!-- simple stanza logger -->
|
||||||
<script src="desktopsharing.js?v=3"></script><!-- desktop sharing -->
|
<script src="desktopsharing.js?v=3"></script><!-- desktop sharing -->
|
||||||
<script src="app.js?v=24"></script><!-- application logic -->
|
<script src="app.js?v=24"></script><!-- application logic -->
|
||||||
|
<script src="libs/modules/API.bundle.js?v=1"></script>
|
||||||
<script src="util.js?v=7"></script><!-- utility functions -->
|
<script src="util.js?v=7"></script><!-- utility functions -->
|
||||||
<script src="moderatemuc.js?v=4"></script><!-- moderator plugin -->
|
<script src="moderatemuc.js?v=4"></script><!-- moderator plugin -->
|
||||||
<script src="analytics.js?v=1"></script><!-- google analytics plugin -->
|
<script src="analytics.js?v=1"></script><!-- google analytics plugin -->
|
||||||
<script src="moderator.js?v=2"></script><!-- media stream -->
|
<script src="moderator.js?v=2"></script><!-- media stream -->
|
||||||
<script src="tracking.js?v=1"></script><!-- tracking -->
|
<script src="tracking.js?v=1"></script><!-- tracking -->
|
||||||
<script src="api_connector.js?v=2"></script>
|
|
||||||
<script src="keyboard_shortcut.js?v=3"></script>
|
<script src="keyboard_shortcut.js?v=3"></script>
|
||||||
<link rel="stylesheet" href="css/font.css?v=6"/>
|
<link rel="stylesheet" href="css/font.css?v=6"/>
|
||||||
<link rel="stylesheet" href="css/toastr.css?v=1">
|
<link rel="stylesheet" href="css/toastr.css?v=1">
|
||||||
|
|
|
@ -0,0 +1,207 @@
|
||||||
|
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var f;"undefined"!=typeof window?f=window:"undefined"!=typeof global?f=global:"undefined"!=typeof self&&(f=self),f.API=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
||||||
|
/**
|
||||||
|
* Implements API class that communicates with external api class
|
||||||
|
* and provides interface to access Jitsi Meet features by external
|
||||||
|
* applications that embed Jitsi Meet
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List of the available commands.
|
||||||
|
* @type {{
|
||||||
|
* displayName: inputDisplayNameHandler,
|
||||||
|
* muteAudio: toggleAudio,
|
||||||
|
* muteVideo: toggleVideo,
|
||||||
|
* filmStrip: toggleFilmStrip
|
||||||
|
* }}
|
||||||
|
*/
|
||||||
|
var commands =
|
||||||
|
{
|
||||||
|
displayName: UI.inputDisplayNameHandler,
|
||||||
|
muteAudio: toggleAudio,
|
||||||
|
muteVideo: toggleVideo,
|
||||||
|
toggleFilmStrip: UI.toggleFilmStrip,
|
||||||
|
toggleChat: UI.toggleChat,
|
||||||
|
toggleContactList: UI.toggleContactList
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Maps the supported events and their status
|
||||||
|
* (true it the event is enabled and false if it is disabled)
|
||||||
|
* @type {{
|
||||||
|
* incomingMessage: boolean,
|
||||||
|
* outgoingMessage: boolean,
|
||||||
|
* displayNameChange: boolean,
|
||||||
|
* participantJoined: boolean,
|
||||||
|
* participantLeft: boolean
|
||||||
|
* }}
|
||||||
|
*/
|
||||||
|
var events =
|
||||||
|
{
|
||||||
|
incomingMessage: false,
|
||||||
|
outgoingMessage:false,
|
||||||
|
displayNameChange: false,
|
||||||
|
participantJoined: false,
|
||||||
|
participantLeft: false
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes commands from external applicaiton.
|
||||||
|
* @param message the object with the command
|
||||||
|
*/
|
||||||
|
function processCommand(message)
|
||||||
|
{
|
||||||
|
if(message.action != "execute")
|
||||||
|
{
|
||||||
|
console.error("Unknown action of the message");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for(var key in message)
|
||||||
|
{
|
||||||
|
if(commands[key])
|
||||||
|
commands[key].apply(null, message[key]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes events objects from external applications
|
||||||
|
* @param event the event
|
||||||
|
*/
|
||||||
|
function processEvent(event) {
|
||||||
|
if(!event.action)
|
||||||
|
{
|
||||||
|
console.error("Event with no action is received.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var i = 0;
|
||||||
|
switch(event.action)
|
||||||
|
{
|
||||||
|
case "add":
|
||||||
|
for(; i < event.events.length; i++)
|
||||||
|
{
|
||||||
|
events[event.events[i]] = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "remove":
|
||||||
|
for(; i < event.events.length; i++)
|
||||||
|
{
|
||||||
|
events[event.events[i]] = false;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.error("Unknown action for event.");
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sends message to the external application.
|
||||||
|
* @param object
|
||||||
|
*/
|
||||||
|
function sendMessage(object) {
|
||||||
|
window.parent.postMessage(JSON.stringify(object), "*");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes a message event from the external application
|
||||||
|
* @param event the message event
|
||||||
|
*/
|
||||||
|
function processMessage(event)
|
||||||
|
{
|
||||||
|
var message;
|
||||||
|
try {
|
||||||
|
message = JSON.parse(event.data);
|
||||||
|
} catch (e) {}
|
||||||
|
|
||||||
|
if(!message.type)
|
||||||
|
return;
|
||||||
|
switch (message.type)
|
||||||
|
{
|
||||||
|
case "command":
|
||||||
|
processCommand(message);
|
||||||
|
break;
|
||||||
|
case "event":
|
||||||
|
processEvent(message);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.error("Unknown type of the message");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var API = {
|
||||||
|
/**
|
||||||
|
* Check whether the API should be enabled or not.
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
isEnabled: function () {
|
||||||
|
var hash = location.hash;
|
||||||
|
if(hash && hash.indexOf("external") > -1 && window.postMessage)
|
||||||
|
return true;
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Initializes the APIConnector. Setups message event listeners that will
|
||||||
|
* receive information from external applications that embed Jitsi Meet.
|
||||||
|
* It also sends a message to the external application that APIConnector
|
||||||
|
* is initialized.
|
||||||
|
*/
|
||||||
|
init: function () {
|
||||||
|
if (window.addEventListener)
|
||||||
|
{
|
||||||
|
window.addEventListener('message',
|
||||||
|
processMessage, false);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
window.attachEvent('onmessage', processMessage);
|
||||||
|
}
|
||||||
|
sendMessage({type: "system", loaded: true});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Checks whether the event is enabled ot not.
|
||||||
|
* @param name the name of the event.
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
isEventEnabled: function (name) {
|
||||||
|
return events[name];
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sends event object to the external application that has been subscribed
|
||||||
|
* for that event.
|
||||||
|
* @param name the name event
|
||||||
|
* @param object data associated with the event
|
||||||
|
*/
|
||||||
|
triggerEvent: function (name, object) {
|
||||||
|
if(this.isEnabled() && this.isEventEnabled(name))
|
||||||
|
sendMessage({
|
||||||
|
type: "event", action: "result", event: name, result: object});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Removes the listeners.
|
||||||
|
*/
|
||||||
|
dispose: function () {
|
||||||
|
if(window.removeEventListener)
|
||||||
|
{
|
||||||
|
window.removeEventListener("message",
|
||||||
|
processMessage, false);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
window.detachEvent('onmessage', processMessage);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = API;
|
||||||
|
},{}]},{},[1])(1)
|
||||||
|
});
|
|
@ -461,12 +461,6 @@ UI.onMucEntered = function (jid, id, displayName) {
|
||||||
|
|
||||||
// Add Peer's container
|
// Add Peer's container
|
||||||
VideoLayout.ensurePeerContainerExists(jid,id);
|
VideoLayout.ensurePeerContainerExists(jid,id);
|
||||||
|
|
||||||
if(APIConnector.isEnabled() &&
|
|
||||||
APIConnector.isEventEnabled("participantJoined"))
|
|
||||||
{
|
|
||||||
APIConnector.triggerEvent("participantJoined",{jid: jid});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UI.onMucPresenceStatus = function ( jid, info) {
|
UI.onMucPresenceStatus = function ( jid, info) {
|
||||||
|
@ -552,17 +546,37 @@ UI.generateRoomName = function() {
|
||||||
UI.connectionIndicatorShowMore = function(id)
|
UI.connectionIndicatorShowMore = function(id)
|
||||||
{
|
{
|
||||||
return VideoLayout.connectionIndicators[id].showMore();
|
return VideoLayout.connectionIndicators[id].showMore();
|
||||||
}
|
};
|
||||||
|
|
||||||
UI.showToolbar = function () {
|
UI.showToolbar = function () {
|
||||||
return ToolbarToggler.showToolbar();
|
return ToolbarToggler.showToolbar();
|
||||||
}
|
};
|
||||||
|
|
||||||
UI.dockToolbar = function (isDock) {
|
UI.dockToolbar = function (isDock) {
|
||||||
return ToolbarToggler.dockToolbar(isDock);
|
return ToolbarToggler.dockToolbar(isDock);
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function dump(elem, filename) {
|
||||||
|
elem = elem.parentNode;
|
||||||
|
elem.download = filename || 'meetlog.json';
|
||||||
|
elem.href = 'data:application/json;charset=utf-8,\n';
|
||||||
|
var data = {};
|
||||||
|
if (connection.jingle) {
|
||||||
|
data = connection.jingle.populateData();
|
||||||
|
}
|
||||||
|
var metadata = {};
|
||||||
|
metadata.time = new Date();
|
||||||
|
metadata.url = window.location.href;
|
||||||
|
metadata.ua = navigator.userAgent;
|
||||||
|
if (connection.logger) {
|
||||||
|
metadata.xmpp = connection.logger.log;
|
||||||
|
}
|
||||||
|
data.metadata = metadata;
|
||||||
|
elem.href += encodeURIComponent(JSON.stringify(data, null, ' '));
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
module.exports = UI;
|
module.exports = UI;
|
||||||
|
|
||||||
|
|
||||||
|
@ -1683,10 +1697,10 @@ var PanelToggler = (function(my) {
|
||||||
var videospaceWidth = window.innerWidth - panelSize[0];
|
var videospaceWidth = window.innerWidth - panelSize[0];
|
||||||
var videospaceHeight = window.innerHeight;
|
var videospaceHeight = window.innerHeight;
|
||||||
var videoSize
|
var videoSize
|
||||||
= getVideoSize(null, null, videospaceWidth, videospaceHeight);
|
= VideoLayout.getVideoSize(null, null, videospaceWidth, videospaceHeight);
|
||||||
var videoWidth = videoSize[0];
|
var videoWidth = videoSize[0];
|
||||||
var videoHeight = videoSize[1];
|
var videoHeight = videoSize[1];
|
||||||
var videoPosition = getVideoPosition(videoWidth,
|
var videoPosition = VideoLayout.getVideoPosition(videoWidth,
|
||||||
videoHeight,
|
videoHeight,
|
||||||
videospaceWidth,
|
videospaceWidth,
|
||||||
videospaceHeight);
|
videospaceHeight);
|
||||||
|
@ -1908,8 +1922,7 @@ var PanelToggler = (function(my) {
|
||||||
|
|
||||||
module.exports = PanelToggler;
|
module.exports = PanelToggler;
|
||||||
},{"../toolbars/ToolbarToggler":16,"../videolayout/VideoLayout":23,"./chat/Chat":8,"./contactlist/ContactList":12,"./settings/Settings":13,"./settings/SettingsMenu":14}],8:[function(require,module,exports){
|
},{"../toolbars/ToolbarToggler":16,"../videolayout/VideoLayout":23,"./chat/Chat":8,"./contactlist/ContactList":12,"./settings/Settings":13,"./settings/SettingsMenu":14}],8:[function(require,module,exports){
|
||||||
/* global $, Util, connection, nickname:true, getVideoSize,
|
/* global $, Util, connection, nickname:true, showToolbar */
|
||||||
getVideoPosition, showToolbar */
|
|
||||||
var Replacement = require("./Replacement");
|
var Replacement = require("./Replacement");
|
||||||
var CommandsProcessor = require("./Commands");
|
var CommandsProcessor = require("./Commands");
|
||||||
var ToolbarToggler = require("../../toolbars/ToolbarToggler");
|
var ToolbarToggler = require("../../toolbars/ToolbarToggler");
|
||||||
|
@ -4180,10 +4193,6 @@ var largeVideoState = {
|
||||||
newSrc: ''
|
newSrc: ''
|
||||||
};
|
};
|
||||||
|
|
||||||
// By default we use camera
|
|
||||||
var getVideoSize = getCameraVideoSize;
|
|
||||||
var getVideoPosition = getCameraVideoPosition;
|
|
||||||
|
|
||||||
var defaultLocalDisplayName = "Me";
|
var defaultLocalDisplayName = "Me";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -4571,6 +4580,10 @@ function createModeratorIndicatorElement(parentElement) {
|
||||||
var VideoLayout = (function (my) {
|
var VideoLayout = (function (my) {
|
||||||
my.connectionIndicators = {};
|
my.connectionIndicators = {};
|
||||||
|
|
||||||
|
// By default we use camera
|
||||||
|
my.getVideoSize = getCameraVideoSize;
|
||||||
|
my.getVideoPosition = getCameraVideoPosition;
|
||||||
|
|
||||||
my.isInLastN = function(resource) {
|
my.isInLastN = function(resource) {
|
||||||
return lastNCount < 0 // lastN is disabled, return true
|
return lastNCount < 0 // lastN is disabled, return true
|
||||||
|| (lastNCount > 0 && lastNEndpointsCache.length == 0) // lastNEndpoints cache not built yet, return true
|
|| (lastNCount > 0 && lastNEndpointsCache.length == 0) // lastNEndpoints cache not built yet, return true
|
||||||
|
@ -4856,10 +4869,10 @@ var VideoLayout = (function (my) {
|
||||||
|
|
||||||
// Change the way we'll be measuring and positioning large video
|
// Change the way we'll be measuring and positioning large video
|
||||||
|
|
||||||
getVideoSize = largeVideoState.isDesktop
|
VideoLayout.getVideoSize = largeVideoState.isDesktop
|
||||||
? getDesktopVideoSize
|
? getDesktopVideoSize
|
||||||
: getCameraVideoSize;
|
: getCameraVideoSize;
|
||||||
getVideoPosition = largeVideoState.isDesktop
|
VideoLayout.getVideoPosition = largeVideoState.isDesktop
|
||||||
? getDesktopVideoPosition
|
? getDesktopVideoPosition
|
||||||
: getCameraVideoPosition;
|
: getCameraVideoPosition;
|
||||||
|
|
||||||
|
@ -4993,7 +5006,7 @@ var VideoLayout = (function (my) {
|
||||||
var videoSpaceWidth = $('#videospace').width();
|
var videoSpaceWidth = $('#videospace').width();
|
||||||
var videoSpaceHeight = window.innerHeight;
|
var videoSpaceHeight = window.innerHeight;
|
||||||
|
|
||||||
var videoSize = getVideoSize(videoWidth,
|
var videoSize = VideoLayout.getVideoSize(videoWidth,
|
||||||
videoHeight,
|
videoHeight,
|
||||||
videoSpaceWidth,
|
videoSpaceWidth,
|
||||||
videoSpaceHeight);
|
videoSpaceHeight);
|
||||||
|
@ -5001,7 +5014,7 @@ var VideoLayout = (function (my) {
|
||||||
var largeVideoWidth = videoSize[0];
|
var largeVideoWidth = videoSize[0];
|
||||||
var largeVideoHeight = videoSize[1];
|
var largeVideoHeight = videoSize[1];
|
||||||
|
|
||||||
var videoPosition = getVideoPosition(largeVideoWidth,
|
var videoPosition = VideoLayout.getVideoPosition(largeVideoWidth,
|
||||||
largeVideoHeight,
|
largeVideoHeight,
|
||||||
videoSpaceWidth,
|
videoSpaceWidth,
|
||||||
videoSpaceHeight);
|
videoSpaceHeight);
|
||||||
|
@ -5842,13 +5855,10 @@ var VideoLayout = (function (my) {
|
||||||
status);
|
status);
|
||||||
}
|
}
|
||||||
|
|
||||||
if(APIConnector.isEnabled() && APIConnector.isEventEnabled("displayNameChange"))
|
if(jid === 'localVideoContainer')
|
||||||
{
|
jid = connection.emuc.myroomjid;
|
||||||
if(jid === 'localVideoContainer')
|
if(!name || name != displayName)
|
||||||
jid = connection.emuc.myroomjid;
|
API.triggerEvent("displayNameChange",{jid: jid, displayname: displayName});
|
||||||
if(!name || name != displayName)
|
|
||||||
APIConnector.triggerEvent("displayNameChange",{jid: jid, displayname: displayName});
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -0,0 +1,204 @@
|
||||||
|
/**
|
||||||
|
* Implements API class that communicates with external api class
|
||||||
|
* and provides interface to access Jitsi Meet features by external
|
||||||
|
* applications that embed Jitsi Meet
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* List of the available commands.
|
||||||
|
* @type {{
|
||||||
|
* displayName: inputDisplayNameHandler,
|
||||||
|
* muteAudio: toggleAudio,
|
||||||
|
* muteVideo: toggleVideo,
|
||||||
|
* filmStrip: toggleFilmStrip
|
||||||
|
* }}
|
||||||
|
*/
|
||||||
|
var commands =
|
||||||
|
{
|
||||||
|
displayName: UI.inputDisplayNameHandler,
|
||||||
|
muteAudio: toggleAudio,
|
||||||
|
muteVideo: toggleVideo,
|
||||||
|
toggleFilmStrip: UI.toggleFilmStrip,
|
||||||
|
toggleChat: UI.toggleChat,
|
||||||
|
toggleContactList: UI.toggleContactList
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Maps the supported events and their status
|
||||||
|
* (true it the event is enabled and false if it is disabled)
|
||||||
|
* @type {{
|
||||||
|
* incomingMessage: boolean,
|
||||||
|
* outgoingMessage: boolean,
|
||||||
|
* displayNameChange: boolean,
|
||||||
|
* participantJoined: boolean,
|
||||||
|
* participantLeft: boolean
|
||||||
|
* }}
|
||||||
|
*/
|
||||||
|
var events =
|
||||||
|
{
|
||||||
|
incomingMessage: false,
|
||||||
|
outgoingMessage:false,
|
||||||
|
displayNameChange: false,
|
||||||
|
participantJoined: false,
|
||||||
|
participantLeft: false
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes commands from external applicaiton.
|
||||||
|
* @param message the object with the command
|
||||||
|
*/
|
||||||
|
function processCommand(message)
|
||||||
|
{
|
||||||
|
if(message.action != "execute")
|
||||||
|
{
|
||||||
|
console.error("Unknown action of the message");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for(var key in message)
|
||||||
|
{
|
||||||
|
if(commands[key])
|
||||||
|
commands[key].apply(null, message[key]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes events objects from external applications
|
||||||
|
* @param event the event
|
||||||
|
*/
|
||||||
|
function processEvent(event) {
|
||||||
|
if(!event.action)
|
||||||
|
{
|
||||||
|
console.error("Event with no action is received.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var i = 0;
|
||||||
|
switch(event.action)
|
||||||
|
{
|
||||||
|
case "add":
|
||||||
|
for(; i < event.events.length; i++)
|
||||||
|
{
|
||||||
|
events[event.events[i]] = true;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case "remove":
|
||||||
|
for(; i < event.events.length; i++)
|
||||||
|
{
|
||||||
|
events[event.events[i]] = false;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.error("Unknown action for event.");
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sends message to the external application.
|
||||||
|
* @param object
|
||||||
|
*/
|
||||||
|
function sendMessage(object) {
|
||||||
|
window.parent.postMessage(JSON.stringify(object), "*");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Processes a message event from the external application
|
||||||
|
* @param event the message event
|
||||||
|
*/
|
||||||
|
function processMessage(event)
|
||||||
|
{
|
||||||
|
var message;
|
||||||
|
try {
|
||||||
|
message = JSON.parse(event.data);
|
||||||
|
} catch (e) {}
|
||||||
|
|
||||||
|
if(!message.type)
|
||||||
|
return;
|
||||||
|
switch (message.type)
|
||||||
|
{
|
||||||
|
case "command":
|
||||||
|
processCommand(message);
|
||||||
|
break;
|
||||||
|
case "event":
|
||||||
|
processEvent(message);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.error("Unknown type of the message");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
var API = {
|
||||||
|
/**
|
||||||
|
* Check whether the API should be enabled or not.
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
isEnabled: function () {
|
||||||
|
var hash = location.hash;
|
||||||
|
if(hash && hash.indexOf("external") > -1 && window.postMessage)
|
||||||
|
return true;
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Initializes the APIConnector. Setups message event listeners that will
|
||||||
|
* receive information from external applications that embed Jitsi Meet.
|
||||||
|
* It also sends a message to the external application that APIConnector
|
||||||
|
* is initialized.
|
||||||
|
*/
|
||||||
|
init: function () {
|
||||||
|
if (window.addEventListener)
|
||||||
|
{
|
||||||
|
window.addEventListener('message',
|
||||||
|
processMessage, false);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
window.attachEvent('onmessage', processMessage);
|
||||||
|
}
|
||||||
|
sendMessage({type: "system", loaded: true});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Checks whether the event is enabled ot not.
|
||||||
|
* @param name the name of the event.
|
||||||
|
* @returns {*}
|
||||||
|
*/
|
||||||
|
isEventEnabled: function (name) {
|
||||||
|
return events[name];
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Sends event object to the external application that has been subscribed
|
||||||
|
* for that event.
|
||||||
|
* @param name the name event
|
||||||
|
* @param object data associated with the event
|
||||||
|
*/
|
||||||
|
triggerEvent: function (name, object) {
|
||||||
|
if(this.isEnabled() && this.isEventEnabled(name))
|
||||||
|
sendMessage({
|
||||||
|
type: "event", action: "result", event: name, result: object});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Removes the listeners.
|
||||||
|
*/
|
||||||
|
dispose: function () {
|
||||||
|
if(window.removeEventListener)
|
||||||
|
{
|
||||||
|
window.removeEventListener("message",
|
||||||
|
processMessage, false);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
window.detachEvent('onmessage', processMessage);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = API;
|
|
@ -460,12 +460,6 @@ UI.onMucEntered = function (jid, id, displayName) {
|
||||||
|
|
||||||
// Add Peer's container
|
// Add Peer's container
|
||||||
VideoLayout.ensurePeerContainerExists(jid,id);
|
VideoLayout.ensurePeerContainerExists(jid,id);
|
||||||
|
|
||||||
if(APIConnector.isEnabled() &&
|
|
||||||
APIConnector.isEventEnabled("participantJoined"))
|
|
||||||
{
|
|
||||||
APIConnector.triggerEvent("participantJoined",{jid: jid});
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
UI.onMucPresenceStatus = function ( jid, info) {
|
UI.onMucPresenceStatus = function ( jid, info) {
|
||||||
|
|
|
@ -1678,13 +1678,10 @@ var VideoLayout = (function (my) {
|
||||||
status);
|
status);
|
||||||
}
|
}
|
||||||
|
|
||||||
if(APIConnector.isEnabled() && APIConnector.isEventEnabled("displayNameChange"))
|
if(jid === 'localVideoContainer')
|
||||||
{
|
jid = connection.emuc.myroomjid;
|
||||||
if(jid === 'localVideoContainer')
|
if(!name || name != displayName)
|
||||||
jid = connection.emuc.myroomjid;
|
API.triggerEvent("displayNameChange",{jid: jid, displayname: displayName});
|
||||||
if(!name || name != displayName)
|
|
||||||
APIConnector.triggerEvent("displayNameChange",{jid: jid, displayname: displayName});
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
20
muc.js
20
muc.js
|
@ -199,6 +199,7 @@ Strophe.addConnectionPlugin('emuc', {
|
||||||
id = email.text();
|
id = email.text();
|
||||||
}
|
}
|
||||||
UI.onMucEntered(from, id, member.displayName);
|
UI.onMucEntered(from, id, member.displayName);
|
||||||
|
API.triggerEvent("participantJoined",{jid: from});
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// Presence update for existing participant
|
// Presence update for existing participant
|
||||||
|
@ -278,10 +279,7 @@ Strophe.addConnectionPlugin('emuc', {
|
||||||
msg.c('nick', {xmlns: 'http://jabber.org/protocol/nick'}).t(nickname).up().up();
|
msg.c('nick', {xmlns: 'http://jabber.org/protocol/nick'}).t(nickname).up().up();
|
||||||
}
|
}
|
||||||
this.connection.send(msg);
|
this.connection.send(msg);
|
||||||
if(APIConnector.isEnabled() && APIConnector.isEventEnabled("outgoingMessage"))
|
API.triggerEvent("outgoingMessage", {"message": body});
|
||||||
{
|
|
||||||
APIConnector.triggerEvent("outgoingMessage", {"message": body});
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
setSubject: function (subject){
|
setSubject: function (subject){
|
||||||
var msg = $msg({to: this.roomjid, type: 'groupchat'});
|
var msg = $msg({to: this.roomjid, type: 'groupchat'});
|
||||||
|
@ -316,12 +314,9 @@ Strophe.addConnectionPlugin('emuc', {
|
||||||
if (txt) {
|
if (txt) {
|
||||||
console.log('chat', nick, txt);
|
console.log('chat', nick, txt);
|
||||||
UI.updateChatConversation(from, nick, txt);
|
UI.updateChatConversation(from, nick, txt);
|
||||||
if(APIConnector.isEnabled() && APIConnector.isEventEnabled("incomingMessage"))
|
if(from != this.myroomjid)
|
||||||
{
|
API.triggerEvent("incomingMessage",
|
||||||
if(from != this.myroomjid)
|
{"from": from, "nick": nick, "message": txt});
|
||||||
APIConnector.triggerEvent("incomingMessage",
|
|
||||||
{"from": from, "nick": nick, "message": txt});
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return true;
|
return true;
|
||||||
},
|
},
|
||||||
|
@ -537,10 +532,7 @@ Strophe.addConnectionPlugin('emuc', {
|
||||||
onParticipantLeft: function (jid) {
|
onParticipantLeft: function (jid) {
|
||||||
UI.onMucLeft(jid);
|
UI.onMucLeft(jid);
|
||||||
|
|
||||||
if(APIConnector.isEnabled() && APIConnector.isEventEnabled("participantLeft"))
|
API.triggerEvent("participantLeft",{jid: jid});
|
||||||
{
|
|
||||||
APIConnector.triggerEvent("participantLeft",{jid: jid});
|
|
||||||
}
|
|
||||||
|
|
||||||
delete jid2Ssrc[jid];
|
delete jid2Ssrc[jid];
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue