ref(iframe_api): Use ES6
This commit is contained in:
parent
e2e04e3f16
commit
78119df2db
|
@ -1,34 +1,29 @@
|
|||
const logger = require("jitsi-meet-logger").getLogger(__filename);
|
||||
|
||||
/**
|
||||
* Implements API class that embeds Jitsi Meet in external applications.
|
||||
*/
|
||||
|
||||
var postisInit = require("postis");
|
||||
import postisInit from "postis";
|
||||
|
||||
/**
|
||||
* The minimum width for the Jitsi Meet frame
|
||||
* @type {number}
|
||||
*/
|
||||
var MIN_WIDTH = 790;
|
||||
const MIN_WIDTH = 790;
|
||||
|
||||
/**
|
||||
* The minimum height for the Jitsi Meet frame
|
||||
* @type {number}
|
||||
*/
|
||||
var MIN_HEIGHT = 300;
|
||||
const MIN_HEIGHT = 300;
|
||||
|
||||
/**
|
||||
* Last id of api object
|
||||
* @type {number}
|
||||
*/
|
||||
var id = 0;
|
||||
let id = 0;
|
||||
|
||||
/**
|
||||
* Maps the names of the commands expected by the API with the name of the
|
||||
* commands expected by jitsi-meet
|
||||
*/
|
||||
var commands = {
|
||||
const commands = {
|
||||
"displayName": "display-name",
|
||||
"toggleAudio": "toggle-audio",
|
||||
"toggleVideo": "toggle-video",
|
||||
|
@ -45,7 +40,7 @@ var commands = {
|
|||
* Maps the names of the events expected by the API with the name of the
|
||||
* events expected by jitsi-meet
|
||||
*/
|
||||
var events = {
|
||||
const events = {
|
||||
"incomingMessage": "incoming-message",
|
||||
"outgoingMessage": "outgoing-message",
|
||||
"displayNameChange": "display-name-change",
|
||||
|
@ -102,6 +97,10 @@ function configToURLParamsArray(config) {
|
|||
}
|
||||
|
||||
/**
|
||||
* The IFrame API interface class.
|
||||
*/
|
||||
class JitsiMeetExternalAPI {
|
||||
/**
|
||||
* Constructs new API instance. Creates iframe element that loads
|
||||
* Jitsi Meet.
|
||||
* @param domain the domain name of the server that hosts the conference
|
||||
|
@ -118,12 +117,14 @@ function configToURLParamsArray(config) {
|
|||
* authentication.
|
||||
* @constructor
|
||||
*/
|
||||
function JitsiMeetExternalAPI(domain, room_name, width, height, parentNode,
|
||||
constructor(domain, room_name, width, height, parentNode,
|
||||
configOverwrite, interfaceConfigOverwrite, noSsl, jwt) {
|
||||
if (!width || width < MIN_WIDTH)
|
||||
if (!width || width < MIN_WIDTH) {
|
||||
width = MIN_WIDTH;
|
||||
if (!height || height < MIN_HEIGHT)
|
||||
}
|
||||
if (!height || height < MIN_HEIGHT) {
|
||||
height = MIN_HEIGHT;
|
||||
}
|
||||
|
||||
this.parentNode = null;
|
||||
if (parentNode) {
|
||||
|
@ -136,14 +137,17 @@ function JitsiMeetExternalAPI(domain, room_name, width, height, parentNode,
|
|||
this.iframeHolder =
|
||||
this.parentNode.appendChild(document.createElement("div"));
|
||||
this.iframeHolder.id = "jitsiConference" + id;
|
||||
if(width)
|
||||
if (width) {
|
||||
this.iframeHolder.style.width = width + "px";
|
||||
if(height)
|
||||
}
|
||||
if (height) {
|
||||
this.iframeHolder.style.height = height + "px";
|
||||
}
|
||||
this.frameName = "jitsiConferenceFrame" + id;
|
||||
this.url = (noSsl) ? "http" : "https" +"://" + domain + "/";
|
||||
if(room_name)
|
||||
if (room_name) {
|
||||
this.url += room_name;
|
||||
}
|
||||
|
||||
if (jwt) {
|
||||
this.url += '?jwt=' + jwt;
|
||||
|
@ -185,9 +189,9 @@ function JitsiMeetExternalAPI(domain, room_name, width, height, parentNode,
|
|||
this._setupListeners();
|
||||
|
||||
id++;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Executes command. The available commands are:
|
||||
* displayName - sets the display name of the local participant to the value
|
||||
* passed in the arguments array.
|
||||
|
@ -199,16 +203,18 @@ function JitsiMeetExternalAPI(domain, room_name, width, height, parentNode,
|
|||
* @param name the name of the command
|
||||
* @param arguments array of arguments
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.executeCommand
|
||||
= function(name, ...argumentsList) {
|
||||
executeCommand(name, ...argumentsList) {
|
||||
if(!(name in commands)) {
|
||||
logger.error("Not supported command name.");
|
||||
return;
|
||||
}
|
||||
sendMessage(this.postis, {method: commands[name], params: argumentsList});
|
||||
};
|
||||
sendMessage(this.postis, {
|
||||
method: commands[name],
|
||||
params: argumentsList
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Executes commands. The available commands are:
|
||||
* displayName - sets the display name of the local participant to the value
|
||||
* passed in the arguments array.
|
||||
|
@ -222,12 +228,13 @@ JitsiMeetExternalAPI.prototype.executeCommand
|
|||
* object are the commands that will be executed and the values are the
|
||||
* arguments for the command.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.executeCommands = function(object) {
|
||||
for(var key in object)
|
||||
executeCommands(object) {
|
||||
for (var key in object) {
|
||||
this.executeCommand(key, object[key]);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Adds event listeners to Meet Jitsi. The object key should be the name of
|
||||
* the event and value - the listener.
|
||||
* Currently we support the following
|
||||
|
@ -261,8 +268,8 @@ JitsiMeetExternalAPI.prototype.executeCommands = function(object) {
|
|||
* {{
|
||||
* jid: jid //the jid of the participant
|
||||
* }}
|
||||
* video-conference-joined - receives event notifications about the local user
|
||||
* has successfully joined the video conference.
|
||||
* video-conference-joined - receives event notifications about the local
|
||||
* user has successfully joined the video conference.
|
||||
* The listener will receive object with the following structure:
|
||||
* {{
|
||||
* roomName: room //the room name of the conference
|
||||
|
@ -273,16 +280,17 @@ JitsiMeetExternalAPI.prototype.executeCommands = function(object) {
|
|||
* {{
|
||||
* roomName: room //the room name of the conference
|
||||
* }}
|
||||
* readyToClose - all hangup operations are completed and Jitsi Meet is ready
|
||||
* to be disposed.
|
||||
* readyToClose - all hangup operations are completed and Jitsi Meet is
|
||||
* ready to be disposed.
|
||||
* @param object
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.addEventListeners = function(object) {
|
||||
for(var i in object)
|
||||
addEventListeners(object) {
|
||||
for (var i in object) {
|
||||
this.addEventListener(i, object[i]);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Adds event listeners to Meet Jitsi. Currently we support the following
|
||||
* events:
|
||||
* incomingMessage - receives event notifications about incoming
|
||||
|
@ -314,8 +322,8 @@ JitsiMeetExternalAPI.prototype.addEventListeners = function(object) {
|
|||
* {{
|
||||
* jid: jid //the jid of the participant
|
||||
* }}
|
||||
* video-conference-joined - receives event notifications fired when the local
|
||||
* user has joined the video conference.
|
||||
* video-conference-joined - receives event notifications fired when the
|
||||
* local user has joined the video conference.
|
||||
* The listener will receive object with the following structure:
|
||||
* {{
|
||||
* roomName: room //the room name of the conference
|
||||
|
@ -329,78 +337,79 @@ JitsiMeetExternalAPI.prototype.addEventListeners = function(object) {
|
|||
* @param event the name of the event
|
||||
* @param listener the listener
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.addEventListener = function(event, listener) {
|
||||
if(!(event in events)) {
|
||||
addEventListener(event, listener) {
|
||||
if (!(event in events)) {
|
||||
logger.error("Not supported event name.");
|
||||
return;
|
||||
}
|
||||
// We cannot remove listeners from postis that's why we are handling the
|
||||
// callback that way.
|
||||
if(!this.postisListeners[event]) {
|
||||
this.postis.listen(events[event], function(data) {
|
||||
if (!this.postisListeners[event]) {
|
||||
this.postis.listen(events[event], data => {
|
||||
if((event in this.eventHandlers) &&
|
||||
typeof this.eventHandlers[event] === "function")
|
||||
this.eventHandlers[event].call(null, data);
|
||||
}.bind(this));
|
||||
});
|
||||
this.postisListeners[event] = true;
|
||||
}
|
||||
this.eventHandlers[event] = listener;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Removes event listener.
|
||||
* @param event the name of the event.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.removeEventListener = function(event) {
|
||||
removeEventListener(event) {
|
||||
if(!(event in this.eventHandlers))
|
||||
{
|
||||
logger.error("The event " + event + " is not registered.");
|
||||
return;
|
||||
}
|
||||
delete this.eventHandlers[event];
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Removes event listeners.
|
||||
* @param events array with the names of the events.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.removeEventListeners = function(events) {
|
||||
for(var i = 0; i < events.length; i++)
|
||||
removeEventListeners(events) {
|
||||
for(var i = 0; i < events.length; i++) {
|
||||
this.removeEventListener(events[i]);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Returns the number of participants in the conference.
|
||||
* NOTE: the local participant is included.
|
||||
* @returns {int} the number of participants in the conference.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.getNumberOfParticipants = function() {
|
||||
getNumberOfParticipants() {
|
||||
return this.numberOfParticipants;
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Setups listeners that are used internally for JitsiMeetExternalAPI.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype._setupListeners = function() {
|
||||
_setupListeners() {
|
||||
this.postis.listen("participant-joined",
|
||||
changeParticipantNumber.bind(null, this, 1));
|
||||
this.postis.listen("participant-left",
|
||||
changeParticipantNumber.bind(null, this, -1));
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* Removes the listeners and removes the Jitsi Meet frame.
|
||||
*/
|
||||
JitsiMeetExternalAPI.prototype.dispose = function() {
|
||||
dispose() {
|
||||
this.postis.destroy();
|
||||
var frame = document.getElementById(this.frameName);
|
||||
if(frame)
|
||||
frame.src = 'about:blank';
|
||||
var self = this;
|
||||
window.setTimeout(function () {
|
||||
self.iframeHolder.removeChild(self.frame);
|
||||
self.iframeHolder.parentNode.removeChild(self.iframeHolder);
|
||||
window.setTimeout( () => {
|
||||
this.iframeHolder.removeChild(this.frame);
|
||||
this.iframeHolder.parentNode.removeChild(this.iframeHolder);
|
||||
}, 10);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
module.exports = JitsiMeetExternalAPI;
|
||||
|
|
Loading…
Reference in New Issue