ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-browser: automate the URL polyfill import if IE

pull/255/head
pabloFuente 2019-05-10 13:24:07 +02:00
parent 8f25b937e2
commit 4e1a080232
2 changed files with 97 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
openvidu-browser/src/OpenVidu/OpenVidu.ts
View File

@ -29,6 +29,7 @@ import { VideoInsertMode } from '../OpenViduInternal/Enums/VideoInsertMode';
import * as screenSharingAuto from '../OpenViduInternal/ScreenSharing/Screen-Capturing-Auto';
import * as screenSharing from '../OpenViduInternal/ScreenSharing/Screen-Capturing';
import EventEmitter = require('wolfy87-eventemitter');
import RpcBuilder = require('../OpenViduInternal/KurentoUtils/kurento-jsonrpc');
import platform = require('platform');
platform['isIonicIos'] = (platform.product === 'iPhone' || platform.product === 'iPad') && platform.ua!!.indexOf('Safari') === -1;
@ -93,6 +94,10 @@ export class OpenVidu {
* @hidden
*/
libraryVersion: string;
/**
* @hidden
*/
ee = new EventEmitter()
constructor() {
this.libraryVersion = packageJson.version;
@ -101,7 +106,9 @@ export class OpenVidu {
console.info("openvidu-browser version: " + this.libraryVersion);
if (platform['isInternetExplorer']) {
console.info("Detected IE Explorer " + platform.version);
this.importIEAdapterJS();
this.importURLLibrary();
}
if (platform.os!!.family === 'iOS' || platform.os!!.family === 'Android') {
@ -763,16 +770,33 @@ export class OpenVidu {
private importIEAdapterJS(): void {
const moduleSpecifier = 'https://cdn.temasys.io/adapterjs/0.15.x/adapter.screenshare.min.js';
//Create a script tag
var script = document.createElement('script');
// Assign a URL to the script element
script.src = moduleSpecifier;
// Get the first script tag on the page (we'll insert our new one before it)
var ref = document.querySelector('script');
// Insert the new node before the reference node
if (ref && ref.parentNode) {
ref.parentNode.insertBefore(script, ref);
console.info("Detected IE Explorer " + platform.version + ". IEAdapter imported");
console.info("IE AdapterJS imported");
}
}
private importURLLibrary(): void {
const moduleSpecifier = 'https://polyfill.io/v3/polyfill.min.js?features=URL';
const scriptId = 'url-script-element';
var script = document.createElement('script');
script.async = false;
script.id = scriptId;
script.src = moduleSpecifier;
script.onload = () => {
// URL feature is now available
this.ee.emitEvent(scriptId, []);
document.getElementById(scriptId)!.classList.add(scriptId);
};
var ref = document.querySelector('script');
// Insert the new script node before the first reference node
if (ref && ref.parentNode) {
ref.parentNode.insertBefore(script, ref);
console.info("URL polyfill imported");
}
}

30
openvidu-browser/src/OpenVidu/Session.ts
View File

@ -143,9 +143,9 @@ export class Session implements EventDispatcher {
*
*/
connect(token: string, metadata?: any): Promise<any> {
return new Promise((resolve, reject) => {
return new Promise(async (resolve, reject) => {
this.processToken(token);
await this.processToken(token);
if (this.openvidu.checkSystemRequirements()) {
// Early configuration to deactivate automatic subscription to streams
@ -1143,7 +1143,10 @@ export class Session implements EventDispatcher {
});
}
private processToken(token: string): void {
private async processToken(token: string): Promise<void> {
return new Promise<void>((resolve, reject) => {
const processTokenAux: Function = token => {
const url = new URL(token);
this.sessionId = <string>url.searchParams.get('sessionId');
const secret = url.searchParams.get('secret');
@ -1187,6 +1190,27 @@ export class Session implements EventDispatcher {
this.openvidu.wsUri = 'wss://' + url.host + '/openvidu';
this.openvidu.httpUri = 'https://' + url.host;
resolve();
};
if (platform['isInternetExplorer']) {
// Wait for URL polyfill to be available
const scriptId = 'url-script-element';
const script = document.getElementById(scriptId);
if (script!.classList.contains(scriptId)) {
// URL polyfill is already available
processTokenAux(token);
} else {
// Wait for the script tag to be loaded
this.openvidu.ee.once(scriptId, () => {
processTokenAux(token);
});
}
} else {
processTokenAux(token);
}
});
}
}