elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-11 13:48:38 +00:00
Code Issues Packages Projects Releases Wiki Activity
vdo.ninja/main.js
steveseguin ea52a3d164 bug fixes and added more audio codecs
2022-12-03 05:02:39 -05:00

5464 lines
193 KiB
JavaScript
Raw Blame History

/*
* Copyright (c) 2022 Steve Seguin. All Rights Reserved.
*
* Use of this source code is governed by the APGLv3 open-source license
* that can be found in the LICENSE file in the root of the source
* tree. Alternative licencing options can be made available on request.
*
*/
/*jshint esversion: 6 */
async function main(){ // main asyncronous thread; mostly initializes the user settings.
var delayedStartupFuncs = [];
// translation stuff start ////
var ConfigSettings = getById("main-js");
var ln_template = false;
try {
if (ConfigSettings) {
ln_template = ConfigSettings.getAttribute('data-translation'); // Translations
if (typeof ln_template === "undefined") {
ln_template = false;
} else if (ln_template === null) {
ln_template = false;
}
}
if (urlParams.has('ln') || urlParams.has('language')) {
ln_template = urlParams.get('ln') || urlParams.get('language') || null;
}
} catch (e) {
errorlog(e);
}
if (ln_template===null) {
getById("mainmenu").style.opacity = 1;
} else if (ln_template!==false) { // checking if manual lanuage override enabled
try {
log("Lang Template: " + ln_template);
await changeLg(ln_template);
//getById("mainmenu").style.opacity = 1;
} catch (error) {
errorlog(error);
getById("mainmenu").style.opacity = 1;
}
}
if (location.hostname !== "vdo.ninja" && location.hostname !== "backup.vdo.ninja" && location.hostname !== "proxy.vdo.ninja" && location.hostname !== "obs.ninja") {
if (location.hostname === "rtc.ninja"){
try {
if (session.label === false) {
document.title = "";
}
getById("qos").innerHTML = "";
getById("logoname").innerHTML = "";
getById("helpbutton").style.display = "none";
getById("helpbutton").style.opacity = 0;
getById("reportbutton").style.display = "none";
getById("reportbutton").style.opacity = 0;
//getById("mainmenu").style.opacity = 1;
getById("mainmenu").style.margin = "30px 0";
getById("translateButton").style.display = "none";
getById("translateButton").style.opacity = 0;
getById("info").style.display = "none";
getById("info").style.opacity = 0;
getById("chatBody").innerHTML = "";
} catch (e) {}
}
try {
if (ln_template===false){
changeLg("blank");
}
//getById("mainmenu").style.opacity = 1;
if (session.label === false) {
document.title = location.hostname;
}
getById("qos").innerHTML = '<i class="las la-plug"></i>'
getById("logoname").innerHTML = getById("qos").outerHTML;
getById("helpbutton").style.display = "none";
getById("reportbutton").style.display = "none";
getById("chatBody").innerHTML = "";
getById("qos").style.color = "#FFF0";
getById("qos").style.fontSize = "70%";
getById("logoname").style.display = "none";
getById("logoname").style.margin = "0 0 0 5px";
} catch (error) {
getById("mainmenu").style.opacity = 1;
errorlog(error);
}
} else { // check if automatic language translation is available
getById("mainmenu").style.opacity = 1;
}
//// translation stuff ends ////
if (urlParams.has('cleanoutput') || urlParams.has('clean') || urlParams.has('cleanish')) {
session.cleanOutput = true;
}
if (urlParams.has('cleanviewer') || urlParams.has('cv')) {
session.cleanViewer = true;
}
if (urlParams.has('hidehome')){
session.hidehome = true;
}
hideHomeCheck();
if (urlParams.has('previewmode')){
session.switchMode = true;
}
if (urlParams.has('director') || urlParams.has('dir')) {
session.director = urlParams.get('director') || urlParams.get('dir') || true;
session.effect = null; // so the director can see the effects after a page refresh
}
if (urlParams.has('controls') || urlParams.has('videocontrols')) {
session.showControls = true; // show the video control bar
if (urlParams.get('controls') === "false"){
session.showControls = false;
} else if (urlParams.get('controls') === "0"){
session.showControls = false;
} else if (urlParams.get('controls') === "off"){
session.showControls = false;
}
}
if (urlParams.has('nocontrols')) {
session.showControls = false; // show the video control bar
}
if (!isIFrame){
if (ChromeVersion===65){
// pass, since probably manycam and that's bugged
} else if (getStorage("redirect") == "yes") {
setStorage("redirect", "", 0);
session.sticky = true;
} else if (getStorage("settings") != "") {
var URLGOTO = getStorage("settings");
if (URLGOTO === window.location.href) {
// continue, as its already matched
} else if (!(session.cleanOutput)){
window.focus();
document.body.classList.remove("hidden");
session.sticky = await confirmAlt("Would you like to load your previous session?\n\nThis will redirect you to:\n\n"+URLGOTO, true);
if (!session.sticky) {
setStorage("settings", "", 0);
log("deleting cookie as user said no");
} else {
var cookieSettings = decodeURI(URLGOTO);
setStorage("redirect", "yes", 1);
window.location.replace(cookieSettings);
}
} else {
var cookieSettings = decodeURI(URLGOTO);
setStorage("redirect", "yes", 1);
window.location.replace(cookieSettings);
}
}
if (urlParams.has('sticky')){ // won't work with iframes.
//if (getStorage("permission") == "") {
// session.sticky = confirm("Would you allow us to store a cookie to keep your session settings persistent?");
//} else {
session.sticky = true;
getById("saveRoom").style.display = "none";
//}
//if (session.sticky) {
setStorage("permission", "yes", 999);
setStorage("settings", encodeURI(window.location.href), 90);
//}
}
}
if (urlParams.has('safemode')) {
session.safemode = true; // load defa
} else {
session.store = {};
try {
loadSettings();
} catch(e){
errorlog(e);
}
}
if (navigator.userAgent.toLowerCase().indexOf(' electron/') > -1) {
try {
//getById("electronDragZone").style.cursor="grab";
if (!ipcRenderer){
ipcRenderer = require('electron').ipcRenderer;
}
if (ipcRenderer){
window.prompt = function(title, val){
return ipcRenderer.sendSync('prompt', {title, val}); // call if needed in the future
};
}
//ipcRenderer.sendSync('prompt', {title, val}); // call now -- but why?
} catch(e){}
}
if (window.electronApi && window.electronApi.exposeDoSomethingInWebApp){
window.electronApi.exposeDoSomethingInWebApp(function (fauxEventData) {
//alert("WORKS");
//errorlog("WORKS!");
session.remoteInterfaceAPI(fauxEventData);
});
window.electronApi.updateVersion(session.version);
}
if (urlParams.has('retrytimeout')) {
session.retryTimeout = parseInt(urlParams.get('retrytimeout')) || 5000;
if (session.retryTimeout<5000){
session.retryTimeout = 5000;
}
}
if (urlParams.has('ptz')){
session.ptz=true;
}
if (urlParams.has('optimize')) {
session.optimize = parseInt(urlParams.get('optimize')) || 0;
}
if (urlParams.has('nosettings') || urlParams.has('ns')) {
session.screensharebutton = false;
session.showSettings = false;
}
if (urlParams.has('nomicbutton') || urlParams.has('nmb')) {
getById("mutebutton").style.setProperty("display", "none", "important");
}
if (urlParams.has('novice') ) {
document.documentElement.style.setProperty('--advanced-mode', "none"); // hide advanced items
}
if (urlParams.has('avatarimg') || urlParams.has('bgimage') || urlParams.has('bgimg')) { // URL or data:base64 image. Becomes local to this viewer only. This is like &avatar, but slightly different. Just CSS in this case
var avatarImg = urlParams.get('avatarimg') || urlParams.get('bgimage') || urlParams.get('bgimg') || false;
if (avatarImg){
try {
avatarImg = decodeURIComponent(avatarImg);
} catch(e){}
try {
avatarImg = 'url("'+avatarImg+'")';
document.documentElement.style.setProperty('--video-background-image', avatarImg);
} catch(e){}
}
}
if (urlParams.has('background') || urlParams.has('appbg')) { // URL or data:base64 image. Use &chroma if you want to use a color instead of image.
var background = urlParams.get('background') || urlParams.get('appbg') || false;
if (background){
try {
background = decodeURIComponent(background);
} catch(e){}
try {
background = 'url("'+background+'")';
document.documentElement.style.setProperty('--background-main-image', background);
} catch(e){}
}
}
if (urlParams.has('nomouseevents') || urlParams.has('nme')) {
session.disableMouseEvents = true;
}
if (urlParams.has('overlaycontrols')) {
session.overlayControls = true;
}
if (urlParams.has('novideobutton') || urlParams.has('nvb')) {
getById("mutevideobutton").style.setProperty("display", "none", "important");
}
if (urlParams.has('nospeakerbutton') || urlParams.has('nsb')) {
getById("mutespeakerbutton").style.setProperty("display", "none", "important");
}
if (urlParams.has('noscale') || urlParams.has('noscaling')) {
session.noScaling = true;
}
if (urlParams.has('pusheffectsdata') ) {
session.pushEffectsData=true;
}
if (urlParams.has('pushloudness') || urlParams.has('getloudness')) { // this sets the loudness IFRAME API output, if available.
session.pushLoudness = true;
}
if (urlParams.has('pushfaces') || urlParams.has('getfaces')) {
session.grabFaceData = true;
setTimeout(function(){ // give the app some time to load
getFaces();
}, 2000);
}
if (urlParams.has('notmobile')){
session.mobile = false;
} else if (urlParams.has('mobile')){
session.mobile = true;
session.audioEffects = false; // disable audio inbound effects also.
session.audioMeterGuest = false;
} else if (iOS || iPad) {
session.mobile = true;
session.audioEffects = false; // disable audio inbound effects also.
session.audioMeterGuest = false;
window.addEventListener('resize', function() { // Safari is the new IE.
var msg = {};
msg.requestSceneUpdate = true;
session.sendMessage(msg);
if ( window.matchMedia("(orientation: portrait)").matches ) {
document.getElementsByTagName("html")[0].style.height = "100vh";
setTimeout(function(){
document.getElementsByTagName("html")[0].style.height = "100%";
}, 1000);
} else if ( window.matchMedia("(orientation: landscape)").matches ) {
document.getElementsByTagName("html")[0].style.height = "100vh";
setTimeout(function(){
document.getElementsByTagName("html")[0].style.height = "100%";
}, 1000);
}
});
if (/CriOS/i.test(navigator.userAgent)) { // if runngin Chrome on iOS
if (!(session.cleanOutput)) {
try {
navigator.mediaDevices.getUserMedia;
} catch (e) {
warnUser("Chrome on this device does not support the required technology to use this site.\n\nPlease use Safari instead or update your iOS and browser version.");
}
}
}
} else if (/Android|Pixel|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { // not sure how accurate this is.
session.mobile = true;
session.audioEffects = false; // disable audio inbound effects also.
session.audioMeterGuest = false;
} else {
log("MAKE DRAGGABLE");
delayedStartupFuncs.push([makeDraggableElement, document.getElementById("subControlButtons")]);
if (SafariVersion && !ChromeVersion){ // if desktop Safari, so macOS, give a note saying it sucks
getById("SafariWarning").classList.remove("hidden");
}
}
if (urlParams.has('broadcast') || urlParams.has('bc')) {
log("Broadcast flag set");
session.broadcast = urlParams.get('broadcast') || urlParams.get('bc') || null;
if (session.broadcast === "false") {
session.broadcast = false;
} else if (session.broadcast=== "0") {
session.broadcast = false;
} else if (session.broadcast === "no") {
session.broadcast = false;
} else if (session.broadcast === "off") {
session.broadcast = false;
}
//if ((iOS) || (iPad)) {
// session.nopreview = false;
//} else {
// session.nopreview = true;
//}
session.minipreview = 2; // full screen if nothing else on screen.
session.style = 1;
//getById("header").style.display = "none";
//getById("header").style.opacity = 0;
session.showList=true;
}
if (urlParams.has('showlist')) {
session.showList = urlParams.get('showlist');
if (session.showList === "false") {
session.showList = false;
} else if (session.showList=== "0") {
session.showList = false;
} else if (session.showList === "no") {
session.showList = false;
} else if (session.showList === "off") {
session.showList = false;
} else {
session.showList = true;
}
}
if (session.showList===true){
getById("hideusers").classList.add("hidden");
}
if (urlParams.has('meshcast')) {
session.meshcast = urlParams.get('meshcast') || "any";
meshcast(true);
}
var filename = false;
try {
if (!session.decrypted){
filename = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
filename = filename.replace("??", "?");
filename2 = filename.split("?")[0];
// split at ???
if (filename.split(".").length == 1) {
if (filename2.length < 2) { // easy win
filename = false;
} else if (filename.startsWith("&")) { // easy win
var tmpHref = window.location.href.substring(0, window.location.href.lastIndexOf('/')) + "/?" + filename.split("&").slice(1).join("&");
log("TMP " + tmpHref);
updateURL(filename.split("&")[1], true, tmpHref);
filename = false;
} else if (filename2.split("&")[0].includes("=")) {
log("asdf " + filename.split("&")[0]);
if (history.pushState) {
var tmpHref = window.location.href.substring(0, window.location.href.lastIndexOf('/'));
tmpHref = tmpHref + "/?" + filename;
filename = false;
//warnUser("Please ensure your URL is correctly formatted.");
window.history.pushState({path: tmpHref.toString()}, '', tmpHref.toString());
}
} else {
filename = filename2.split("&")[0];
if (filename2 != filename) {
warnUser("Warning: Please ensure your URL is correctly formatted.");
}
}
} else {
filename = false;
}
log(filename);
}
} catch (e) {
errorlog(e);
}
var directorLanding = false;
if (urlParams.has('director') || urlParams.has('dir')) {
directorLanding = urlParams.get('director') || urlParams.get('dir') || null;
if (directorLanding === null) {
directorLanding = true;
} else if (directorLanding.length === 0) {
directorLanding = true;
} else {
directorLanding = false;
}
session.meterStyle = 1;
session.signalMeter = true;
} else if (filename === "director") {
directorLanding = true;
filename = false;
session.meterStyle = 1;
session.signalMeter = true;
}
session.slotmode = false; // temporary; remove in the future TODO: ## -----------------------
if (urlParams.has('slotmode') || urlParams.has('slotsmode')){
session.slotmode = parseInt(urlParams.get('slotmode')) || parseInt(urlParams.get('slotsmode')) || 1;
}
if (urlParams.has('signalmeter')) {
session.signalMeter = urlParams.get('signalmeter');
if (session.signalMeter === "false") {
session.signalMeter = false;
} else if (session.signalMeter=== "0") {
session.signalMeter = false;
} else if (session.signalMeter === "no") {
session.signalMeter = false;
} else if (session.signalMeter === "off") {
session.signalMeter = false;
} else {
session.signalMeter = true;
}
}
if (urlParams.has('rooms')) {
session.rooms = urlParams.get('rooms').split(",").map(function(e) {
return sanitizeRoomName(e);
});
getById("rooms").classList.remove('hidden');
}
if (urlParams.has('showdirector') || urlParams.has('sd')) {
session.showDirector = parseInt(urlParams.get('showdirector')) || parseInt(urlParams.get('sd')) || true; // if 2, video only allowed. True or 1 will be video + audio allowed.
}
if (urlParams.has('bitratecutoff') || urlParams.has('bitcut')) {
session.lowBitrateCutoff = parseInt(urlParams.get('bitratecutoff')) || parseInt(urlParams.get('bitcut')) || 300; // low bitrate cut off.
}
if (urlParams.has("statsinterval")){
session.statsInterval = parseInt(urlParams.get("statsinterval")) || 3000; // milliseconds. interval of requesting stats of remote guests
}
if (urlParams.has('rotate') ) {
session.rotate = urlParams.get('rotate') || 90;
session.rotate = parseInt(session.rotate);
}
if (urlParams.has('facing') ) {
session.facingMode = urlParams.get('facing') || false;
}
if (session.facingMode){
session.facingMode = session.facingMode.toLowerCase();
if (session.facingMode == "user"){
//
} else if (session.facingMode == "environment"){
//
} else if (session.facingMode == "rear"){
session.facingMode = "environment";
} else if (session.facingMode == "back"){
session.facingMode = "environment";
} else if (session.facingMode == "front"){
session.facingMode = "user";
} else {
session.facingMode = false;
}
}
// session.facingMode }; // user or environment
if (urlParams.has('forcelandscape') || urlParams.has('forcedlandscape') || urlParams.has('fl')){
session.orientation = "landscape";
} else if (urlParams.has('forceportrait') || urlParams.has('forcedportrait')|| urlParams.has('fp')){
session.orientation = "portrait";
}
document.addEventListener('fullscreenchange', event => {
log("full screen change event");
log(event);
if (session.orientation && session.mobile){
if (document.fullscreenElement) {
document.exitFullscreen();
getById("fullscreenPageToggle").classList.add("la-expand-arrows-alt");
getById("fullscreenPageToggle").classList.remove("la-compress-arrows-alt");
}
return;
}
if (document.fullscreenElement) {
getById("fullscreenPageToggle").classList.remove("la-expand-arrows-alt");
getById("fullscreenPageToggle").classList.add("la-compress-arrows-alt");
} else {
getById("fullscreenPageToggle").classList.add("la-expand-arrows-alt");
getById("fullscreenPageToggle").classList.remove("la-compress-arrows-alt");
}
updateMixer();
});
if (urlParams.has('fullscreenbutton') || urlParams.has('fsb')){ // just an alternative; might be compoundable
if (!(iOS || iPad)){
session.fullscreenButton = true;
getById("fullscreenPage").classList.remove("hidden");
}
}
// fullScreenPage
if (urlParams.has('midi') || urlParams.has('hotkeys')) {
session.midiHotkeys = urlParams.get('midi') || urlParams.get ('hotkeys') || 1;
session.midiHotkeys = parseInt(session.midiHotkeys);
}
if (urlParams.has('disablehotkeys')){
session.disableHotKeys = true;
}
if (urlParams.has('nohangupbutton') || urlParams.has('nohub')){
getById("hangupbutton").style.display = "none";
session.hangupbutton = false;
}
if (urlParams.has('hangupbutton') || urlParams.has('hub')){
session.hangupbutton = true;
}
if (urlParams.has('socialstream')){
session.socialstream = urlParams.get('socialstream') || false;
}
if (urlParams.has('midioffset')){
session.midiOffset = urlParams.get('midioffset') || 0;
session.midiOffset = parseInt(session.midiOffset);
}
if (urlParams.has('midiremote') || urlParams.has('remotemidi')){
if (session.director!==false){
session.midiRemote = parseInt(urlParams.get('midiremote')) || parseInt(urlParams.get ('remotemidi')) || 4;
} else {
session.midiRemote = parseInt(urlParams.get('midiremote')) || parseInt(urlParams.get ('remotemidi')) || 1;
}
}
if (urlParams.has('midipush') || urlParams.has('midiout') || urlParams.has('mo')){
session.midiOut = parseInt(urlParams.get('midipush')) || parseInt(urlParams.get('midiout')) || parseInt(urlParams.get('mo')) || true;
}
if (urlParams.has('midipull') || urlParams.has('midiin') || urlParams.has('midin') || urlParams.has('mi')){
session.midiIn = parseInt(urlParams.get('midipull')) || parseInt(urlParams.get('midiin')) || parseInt(urlParams.get('midin')) || parseInt(urlParams.get('mi')) || true;
}
if (urlParams.has('midichannel')){
session.midiChannel = parseInt(urlParams.get('midichannel')) || false;
}
if (session.midiChannel){
session.midiChannel = parseInt(session.midiChannel);
if (session.midiChannel>16){session.midiChannel=false;}
if (session.midiChannel<1){session.midiChannel=false;}
}
if (urlParams.has('mididevice')){
session.midiDevice = parseInt(urlParams.get('mididevice')) || false;
}
if (session.midiDevice){
session.midiDevice = parseInt(session.midiDevice);
}
if (directorLanding) {
getById("container-1").classList.remove('hidden');
getById("container-1").classList.add("skip-animation");
getById("container-1").classList.remove('pointer');
} else if (session.director){
// if a director, webcam/screenshare/iframe auto-defaults shouldn't work
} else if (urlParams.has('webcam') || urlParams.has('wc') || urlParams.has('miconly')) {
session.webcamonly = true;
session.screensharebutton = false;
if (urlParams.has('miconly')){
session.videoDevice=0;
session.miconly = true;
miniTranslate(getById("add_camera"), "share-your-mic", "Share your Microphone");
getById("container-3").title = getById("add_camera").innerText;
getById("videoMenu").style.display = "none";
getById("container-3").classList.add("microphoneBackground");
getById("flipcamerabutton").style.setProperty("display", "none", "important");
getById("mutevideobutton").style.setProperty("display", "none", "important");
getById("videoMenu3").style.setProperty("display", "none", "important");
getById("previewWebcam").classList.add("miconly");
//if (session.consent){
// setTimeout(function(){
// warnUser("⚠ Privacy warning: The director of this room can remotely switch your camera or microphone without permission.", 8000);
// }, 1500);
//}
}
} else if (urlParams.has('screenshare') || urlParams.has('ss')) {
session.screenshare = true;
if (urlParams.get('screenshare') || urlParams.get('ss')){
session.screenshare = urlParams.get('screenshare') || urlParams.get('ss');
}
} else if (urlParams.has('fileshare') || urlParams.has('fs')) {
getById("container-5").classList.remove('hidden');
getById("container-5").classList.add("skip-animation");
getById("container-5").classList.remove('pointer');
if (SafariVersion){
getById("safari_warning_fileshare").classList.remove('hidden');
} else if (!Firefox){
getById("chrome_warning_fileshare").classList.remove('hidden');
}
} else if (urlParams.has('website') || urlParams.has('iframe')) {
getById("container-6").classList.remove('hidden');
getById("container-6").classList.add("skip-animation");
getById("container-6").classList.remove('pointer');
session.website = urlParams.get('website') || urlParams.get('iframe') || false;
if (session.website){
if (session.director){
delayedStartupFuncs.push([shareWebsite, session.website]);
} else {
delayedStartupFuncs.push([session.publishIFrame, session.website]);
}
}
} else if (urlParams.has('webcam2') || urlParams.has('wc2')) {
session.webcamonly = true;
session.screensharebutton = false;
session.introButton = true;
} else if (urlParams.has('screenshare2') || urlParams.has('ss2')) {
session.screenshare = true;
session.introButton = true;
if (urlParams.get('screenshare2') || urlParams.get('ss2')){
session.screenshare = urlParams.get('screenshare2') || urlParams.get('ss2');
}
}
if (urlParams.has('sstype') || urlParams.has('screensharetype')) { // wha type of screen sharing is used; track replace, iframe, or secondary try
session.screenshareType = urlParams.get('sstype') || urlParams.get('screensharetype');
session.screenshareType = parseInt(session.screenshareType) || false;
}
if (urlParams.has('intro') || urlParams.has('ib')) {
session.introButton = true;
}
if (urlParams.has('volumecontrol') || urlParams.has('volumecontrols') || urlParams.has('vc')) {
if (!(iOS || iPad)){
session.volumeControl = true;
}
}
if (urlParams.has('controlbarspace')){
session.dedicatedControlBarSpace = true;
}
if (urlParams.has('hidesolo') || urlParams.has('hs')){
session.hidesololinks=true;
}
if (urlParams.has('mute') || urlParams.has('muted') || urlParams.has('m')) {
session.muted = true;
}
if (urlParams.has('hideguest') || urlParams.has('hidden')) {
session.directorVideoMuted = true;
}
if (urlParams.has('videomute') || urlParams.has('videomuted') || urlParams.has('vm')) {
session.videoMutedFlag = true;
}
if (urlParams.has('layout')) {
try {
session.layout = JSON.parse(decodeURIComponent(urlParams.get('layout'))) || JSON.parse(urlParams.get('layout')) || {};
} catch(e){
try {
session.layout = JSON.parse(urlParams.get('layout')) || {};
} catch(e){
session.layout = {};
}
}
console.warn("Warning: If using &layout with &broadcast, only the director's video will appear in the custom layout, which is likely not intended.");
}
if (urlParams.has('layouts')) { // an ordered array of layouts, which can be used to switch between using the API layouts action.
// ie: ?layouts=[[{"x":0,"y":0,"w":100,"h":100,"slot":0}],[{"x":0,"y":0,"w":100,"h":100,"slot":1}],[{"x":0,"y":0,"w":100,"h":100,"slot":2}],[{"x":0,"y":0,"w":100,"h":100,"slot":3}],[{"x":0,"y":0,"w":50,"h":100,"c":false,"slot":0},{"x":50,"y":0,"w":50,"h":100,"c":false,"slot":1}],[{"x":0,"y":0,"w":100,"h":100,"z":0,"c":false,"slot":1},{"x":70,"y":70,"w":30,"h":30,"z":1,"c":true,"slot":0}],[{"x":0,"y":0,"w":50,"h":50,"c":true,"slot":0},{"x":50,"y":0,"w":50,"h":50,"c":true,"slot":1},{"x":0,"y":50,"w":50,"h":50,"c":true,"slot":2},{"x":50,"y":50,"w":50,"h":50,"c":true,"slot":3}],[{"x":0,"y":16.667,"w":66.667,"h":66.667,"c":true,"slot":0},{"x":66.667,"y":0,"w":33.333,"h":33.333,"c":true,"slot":1},{"x":66.667,"y":33.333,"w":33.333,"h":33.333,"c":true,"slot":2},{"x":66.667,"y":66.667,"w":33.333,"h":33.333,"c":true,"slot":3}]]
try {
session.layouts = JSON.parse(decodeURIComponent(urlParams.get('layouts'))) || JSON.parse(urlParams.get('layouts')) || {};
} catch(e){
try {
session.layouts = JSON.parse(urlParams.get('layouts')) || false;
} catch(e){
session.layouts = false;
}
}
}
if (urlParams.has('deaf') || urlParams.has('deafen')) {
session.directorSpeakerMuted=true; // false == true in this case.
}
if (urlParams.has('blind')) {
session.directorDisplayMuted=true; // false == true in this case.
}
if (urlParams.has('blindall')) {
session.directorBlindButton=true; // false == true in this case.
}
if (session.directorBlindButton){
getById("blindAllGuests").classList.remove("hidden");
}
if (urlParams.has('dpi') || urlParams.has('dpr') || urlParams.has('sharper') || urlParams.has('sharpen')) {
session.devicePixelRatio = urlParams.get('dpi') || urlParams.get('dpr') || 2.0;
session.devicePixelRatio = parseFloat(session.devicePixelRatio);
} //else if (window.devicePixelRatio && window.devicePixelRatio!==1){
// session.devicePixelRatio = window.devicePixelRatio; // this annoys me to no end.
//}
if (urlParams.has('speakermute') || urlParams.has('speakermuted') || urlParams.has('mutespeaker') || urlParams.has('sm') || urlParams.has('ms')) {
var checkState = urlParams.get('speakermute') || urlParams.get('speakermuted') || urlParams.get('mutespeaker') || urlParams.get('sm') || urlParams.get('ms') || true;
if ( checkState === "false") {
session.speakerMuted = false;
} else if (checkState === "0") {
session.speakerMuted = false;
} else if (checkState === "no") {
session.speakerMuted = false;
} else if (checkState === "off") {
session.speakerMuted = false;
} else {
session.speakerMuted = true;
}
session.speakerMuted_default = session.speakerMuted;
if (session.speakerMuted){
getById("mutespeakertoggle").className = "las la-volume-mute my-float toggleSize";
//getById("mutespeakerbutton").className="hidden float2 red";
getById("mutespeakerbutton").classList.add("red");
getById("mutespeakerbutton").classList.add("float2");
getById("mutespeakerbutton").classList.remove("float");
var sounds = document.getElementsByTagName("video");
for (var i = 0; i < sounds.length; ++i) {
sounds[i].muted = session.speakerMuted;
}
}
}
if (urlParams.has('chatbutton') || urlParams.has('chat') || urlParams.has('cb')) {
session.chatbutton = urlParams.get('chatbutton') || urlParams.get('chat') || urlParams.get('cb') || null;
if (session.chatbutton === "false") {
session.chatbutton = false;
} else if (session.chatbutton === "0") {
session.chatbutton = false;
} else if (session.chatbutton === "no") {
session.chatbutton = false;
} else if (session.chatbutton === "off") {
session.chatbutton = false;
} else {
session.chatbutton = true;
getById("chatbutton").classList.remove("hidden");
}
}
if (session.screenshare !== false) {
if (session.introButton){
getById("container-3").className = 'column columnfade hidden'; // Hide screen share
getById("head1").className = 'hidden';
} else {
getById("container-3").className = 'column columnfade hidden'; // Hide webcam
getById("container-2").classList.add("skip-animation");
getById("container-2").classList.remove('pointer');
}
}
if (urlParams.has('manual')) {
session.manual = true;
}
if (urlParams.has('hands') || urlParams.has('hand')) {
session.raisehands = true;
}
if (urlParams.has('portrait') || urlParams.has('916') || urlParams.has('vertical')) { // playback aspect ratio
session.aspectRatio = 1; // 9:16 (default of 0 is 16:9)
} else if (urlParams.has('square') || urlParams.has('11')) {
session.aspectRatio = 2; //1:1 ?
} else if (urlParams.has('43')) {
session.aspectRatio = 3; //1:1 ?
}
if (urlParams.has('aspectratio') || urlParams.has('ar')) { // capture aspect ratio
session.forceAspectRatio = urlParams.get('aspectratio') || urlParams.get('ar') || false;
if (session.forceAspectRatio){
if ((session.forceAspectRatio == 'portrait') || (session.forceAspectRatio == 'vertical')){
session.forceAspectRatio = 9.0/16.0;
} else if (session.forceAspectRatio == 'landscape'){
session.forceAspectRatio = 16.0/9.0;
} else if (session.forceAspectRatio == 'square'){
session.forceAspectRatio = 1.0;
} else {
session.forceAspectRatio = parseFloat(session.forceAspectRatio) || false;
}
}
}
if (urlParams.has('screenshareaspectratio') || urlParams.has('ssar')) { // capture aspect ratio
session.forceScreenShareAspectRatio = urlParams.get('screenshareaspectratio') || urlParams.get('ssar') || false;
if (session.forceScreenShareAspectRatio){
if ((session.forceScreenShareAspectRatio == 'portrait') || (session.forceScreenShareAspectRatio == 'vertical')){
session.forceScreenShareAspectRatio = 9.0/16.0;
} else if (session.forceScreenShareAspectRatio == 'landscape'){
session.forceScreenShareAspectRatio = 16.0/9.0;
} else if (session.forceScreenShareAspectRatio == 'square'){
session.forceScreenShareAspectRatio = 1.0;
} else {
session.forceScreenShareAspectRatio = parseFloat(session.forceScreenShareAspectRatio) || false;
}
}
}
if (urlParams.has('crop')){
var crop = parseFloat(urlParams.get('crop')) || 0;
if (crop>0){
session.forceAspectRatio = 1.7777777778 * (crop/100);
} else if (crop<0){
session.forceAspectRatio = 1.7777777778 / (crop/100);
} else {
session.forceAspectRatio = 1.3333333333;
}
}
if (urlParams.has('cover')) {
session.cover = true;
document.documentElement.style.setProperty('--fit-style', 'cover');
document.documentElement.style.setProperty('--myvideo-max-width', '100vw');
document.documentElement.style.setProperty('--myvideo-width', '100vw');
document.documentElement.style.setProperty('--myvideo-height', '100vh');
}
if (urlParams.has('record')) {
if (!(session.cleanOutput)) {
if (SafariVersion && !MediaRecorder) {
if (macOS){
warnUser("Your browser may not support local media recording.\n\nTry Chrome instead if on macOS.");
} else {
warnUser("Your browser or device may not support local media recording.\n\nSafari sometimes allows the feature to be enabled via its experimental settings.");
}
} else if (SafariVersion){
if (macOS){
warnUser("It is recommended to use Chrome instead of Safari if doing local media recordings.");
} else {
warnUser("Local media recordings are an experimental feature on Apple devices.\n\nPlease at least test it out a few times first.");
}
}
}
session.recordLocal = urlParams.get('record');
if (session.recordLocal != parseInt(session.recordLocal)) {
session.recordLocal = 6000;
} else {
session.recordLocal = parseInt(session.recordLocal);
}
}
if (urlParams.has('autorecord')) {
session.autorecord=true;
if (session.recordLocal===false){
session.recordLocal = 6000;
}
}
if (urlParams.has('autorecordlocal')) {
session.autorecordlocal=true;
if (session.recordLocal===false){
session.recordLocal = urlParams.get('autorecordlocal');
if (session.recordLocal != parseInt(session.recordLocal)) {
session.recordLocal = 6000;
} else {
session.recordLocal = parseInt(session.recordLocal);
}
}
}
if (urlParams.has('autorecordremote')) {
session.autorecordremote=true;
if (session.recordLocal===false){
session.recordLocal = urlParams.get('autorecordremote');
if (session.recordLocal != parseInt(session.recordLocal)) {
session.recordLocal = 6000;
} else {
session.recordLocal = parseInt(session.recordLocal);
}
}
}
if (urlParams.has('pcm')) {
session.pcm = true;
}
if (urlParams.has('recordcodec') || urlParams.has('rc')) {
session.recordingVideoCodec = urlParams.get('recordcodec') || urlParams.get('rc') || false;
}
if (urlParams.has('bigbutton')) {
session.bigmutebutton = true;
getById("mutebutton").style.bottom = "100px";
getById("mutebutton").style.padding = "100px";
getById("mutebutton").style.position = "fixed";
getById("mutetoggle").style.bottom = "20px";
getById("mutetoggle").style.right = "0";
getById("mutetoggle").style.top = "unset";
}
if (urlParams.has('nopush') || urlParams.has('noseed') || urlParams.has('viewonly') || urlParams.has('viewmode')) { // this is like a scene; Seeding is disabled. Can be used with &showall to show all videos on load
session.doNotSeed=true;
session.scene = null; // not a scene, but sorta. false vs null makes a difference here.
session.videoDevice = 0;
session.audioDevice = 0;
session.dataMode = true; // thios will let us connect
// session.showall = true; // this can be used to SHOW the videos. (&showall)
}
if (urlParams.has('scene') || urlParams.has('scn')) {
session.scene = urlParams.get('scene') || urlParams.get('scn') || 0;
if (typeof session.scene === "string"){
session.scene = session.scene.replace(/[\W]+/g, "_");
} else {
session.scene = (parseInt(session.scene) || 0) + "";
}
}
if (urlParams.has('solo')){
if (session.scene===false){
session.scene = "0";
}
session.solo = true;
}
if (session.scene!==false){
session.disableWebAudio = true;
session.audioEffects = false;
session.audioMeterGuest = false;
}
if (urlParams.has('fakeuser')) {
log("ICE FILTER ENABLED");
session.fakeUser = true;
session.dataMode = true;
session.autostart = true;
}
if (urlParams.has('datamode') || urlParams.has('dataonly')) { // this disables all media in/out.
session.dataMode = true;
}
if (session.dataMode){
session.cleanOutput=true;
session.videoDevice = 0;
session.audioDevice = 0;
//session.autostart = true;
session.novideo = [];
session.noaudio = [];
session.noiframe = [];
//session.webcamonly = true;
}
if (urlParams.has('autoadd')) { // the streams we want to view; if set, but let blank, we will request no streams to watch.
session.autoadd = urlParams.get('autoadd') || null; // this value can be comma seperated for multiple streams to pull
if (session.autoadd == null) {
session.autoadd = false;
}
if (session.autoadd) {
session.autoadd = session.autoadd.split(",");
}
}
//if (session.scene!=="1"){ // scene =0 and 1 should load instantly.
// session.hiddenSceneViewBitrate = 0; // By default this is ~ 400kbps, but if you have 10 scenes, i don't want to kill things.
//}
if (urlParams.has('hiddenscenebitrate')) {
session.hiddenSceneViewBitrate = parseInt(urlParams.get('hiddenscenebitrate')) || 0;
}
if (urlParams.has('preloadbitrate')) {
session.preloadbitrate = parseInt(urlParams.get('preloadbitrate')) || 0; // 1000
}
if (urlParams.has('rampuptime')) {
session.rampUpTime = parseInt(urlParams.get('rampuptime')) || 10000;
}
if (urlParams.has('scenetype') || urlParams.has('type')) {
session.sceneType = parseInt(urlParams.get('scenetype')) || parseInt(urlParams.get('type')) || false;
}
if (urlParams.has('mediasettings')) {
session.forceMediaSettings = true;
}
if (urlParams.has('transcript') || urlParams.has('transcribe') || urlParams.has('trans')) {
session.transcript = urlParams.get('transcript') || urlParams.get('transcribe') || urlParams.get('trans') || "en-US";
}
if (urlParams.has('cc') || urlParams.has('closedcaptions') || urlParams.has('captions')) {
session.closedCaptions = true;
}
if (urlParams.has('css')){
var cssURL = urlParams.get('css');
cssURL = decodeURI(cssURL);
log(cssURL);
var cssStylesheet = document.createElement('link');
cssStylesheet.rel = 'stylesheet';
cssStylesheet.type = 'text/css';
cssStylesheet.media = 'screen';
cssStylesheet.href = cssURL;
document.getElementsByTagName('head')[0].appendChild(cssStylesheet);
cssStylesheet.onload = function() {
getById("main").classList.remove('hidden');
log("loaded remote style sheet");
};
cssStylesheet.onerror = function() {
getById("main").classList.remove('hidden');
errorlog("REMOTE STYLE SHEET HAD ERROR");
};
} else {
getById("main").classList.remove('hidden');
}
if (urlParams.has('avatar')){
var avatar = urlParams.get('avatar') || false;
if (avatar && (avatar=="default")){
session.avatar = document.getElementById("defaultAvatar2");
session.avatar.ready=false;
session.avatar.onload = () => {
session.avatar.ready = true;
getById("noAvatarSelected3").classList.remove("selected");
getById("noAvatarSelected").classList.remove("selected");
getById("defaultAvatar1").classList.add("selected");
getById("defaultAvatar2").classList.add("selected");
};
if (session.avatar.complete){
session.avatar.ready = true;
getById("noAvatarSelected3").classList.remove("selected");
getById("noAvatarSelected").classList.remove("selected");
getById("defaultAvatar1").classList.add("selected");
getById("defaultAvatar2").classList.add("selected");
}
} else if (avatar){
avatar = decodeURIComponent(avatar);
session.avatar = document.getElementById("defaultAvatar2");
session.avatar.ready = false;
session.avatar.onload = () => {
session.avatar.ready = true;
getById("noAvatarSelected3").classList.remove("selected");
getById("noAvatarSelected").classList.remove("selected");
getById("defaultAvatar1").classList.add("selected");
getById("defaultAvatar2").classList.add("selected");
};
document.getElementById("defaultAvatar1").src = avatar;
document.getElementById("defaultAvatar2").src = avatar;
}
document.getElementById("avatarDiv3").classList.remove("hidden");
document.getElementById("avatarDiv").classList.remove("hidden");
}
if (urlParams.has('prompt') || urlParams.has('validate') || urlParams.has('approve')){
session.promptAccess = true;
}
if (urlParams.has('js')){ // ie: &js=https%3A%2F%2Fvdo.ninja%2Fexamples%2Ftestjs.js
console.warn("Third-party Javascript has been injected into the code. Security cannot be ensured.");
var jsURL = urlParams.get('js');
jsURL = decodeURI(jsURL);
log(jsURL);
// type="text/javascript" crossorigin="anonymous"
var externalJavaascript = document.createElement('script');
externalJavaascript.type = 'text/javascript';
externalJavaascript.crossorigin = 'anonymous';
externalJavaascript.src = jsURL;
externalJavaascript.onerror = function() {
warnlog("Third-party Javascript failed to load");
};
externalJavaascript.onload = function() {
log("Third-party Javascript loaded");
};
document.head.appendChild(externalJavaascript);
}
if (urlParams.has("base64js") || urlParams.has("b64js") || urlParams.has("jsbase64") || urlParams.has("jsb64")) {
try {
var base64js = urlParams.get("base64js") || urlParams.get("b64js") || urlParams.get("jsbase64") || urlParams.get("jsb64");
base64js = decodeURIComponent(atob(base64js)); // window.btoa(encodeURIComponent("alert('hi')")); // ?jsb64=YWxlcnQoJ2hpJyk7
var externalJavaascript = document.createElement('script');
externalJavaascript.type = 'text/javascript';
externalJavaascript.crossorigin = 'anonymous';
externalJavaascript.innerHTML = base64js;
externalJavaascript.onerror = function() {
errorlog("Third-party Javascript failed to load");
};
externalJavaascript.onload = function() {
log("Third-party Javascript loaded");
};
document.head.appendChild(externalJavaascript);
} catch(e){console.error(e);}
};
if (urlParams.has("base64css") || urlParams.has("b64css") || urlParams.has("cssbase64") || urlParams.has("cssb64")) {
try {
var base64Css = urlParams.get("base64css") || urlParams.get("b64css") || urlParams.get("cssbase64") || urlParams.get("cssb64");
var css = decodeURIComponent(atob(base64Css)); // window.btoa(encodeURIComponent("#mainmenu{background-color: pink; ❤" ));
var cssStyleSheet = document.createElement("style");
cssStyleSheet.innerText = css;
document.querySelector("head").appendChild(cssStyleSheet);
} catch(e){console.error(e);}
};
session.sitePassword = session.defaultPassword;
if (urlParams.has('password') || urlParams.has('pass') || urlParams.has('pw') || urlParams.has('p')) {
session.password = urlParams.get('password') || urlParams.get('pass') || urlParams.get('pw') || urlParams.get('p');
if (!session.password) {
window.focus();
session.password = await promptAlt(miscTranslations["enter-password"], true, true);
if (session.password){
session.password = session.password.trim();
}
} else if (session.password === "false") {
session.password = false;
session.defaultPassword = false;
} else if (session.password === "0") {
session.password = false;
session.defaultPassword = false;
} else if (session.password === "off") {
session.password = false;
session.defaultPassword = false;
} else {
session.password = decodeURIComponent(session.password); // will be re-encoded in a moment.
}
} else if (urlParams.has('nopassword') || urlParams.has('nopass') || urlParams.has('nopw') || urlParams.has('p0')) {
session.password = false;
session.defaultPassword = false;
}
if (session.password) {
getById("passwordRoom").value = session.password;
session.password = sanitizePassword(session.password);
session.defaultPassword = false;
getById("addPasswordBasic").style.display = "none";
}
if (urlParams.has('salt') && urlParams.get('salt')){
session.salt = urlParams.get('salt');
}
if (urlParams.has('showconnections')){
session.showConnections = true; // shows remote guest connections as a stat
}
if (urlParams.has('hash') || urlParams.has('crc') || urlParams.has('check')) { // could be brute forced in theory, so not as safe as just not using a hash check.
session.taintedSession = null; // waiting to see if valid or not.
var hash_input = urlParams.get('hash') || urlParams.get('crc') || urlParams.get('check');
if (session.password === false) {
window.focus();
session.password = await promptAlt(miscTranslations["enter-password-2"], true, true);
session.password = sanitizePassword(session.password);
getById("passwordRoom").value = session.password;
session.defaultPassword = false;
}
generateHash(session.password + session.salt, 6).then(function(hash) { // million to one error.
log("hash is " + hash);
if (hash.substring(0, 4) !== hash_input) { // hash crc checks are just first 4 characters.
generateHash(session.password + "obs.ninja", 6).then(function(hash2) { // million to one error.
log("hash2 is " + hash2);
if (hash2.substring(0, 4) !== hash_input) { // hash crc checks are just first 4 characters.
session.taintedSession = true;
if (!(session.cleanOutput)) {
getById("request_info_prompt").innerHTML = miscTranslations["password-incorrect"];
getById("request_info_prompt").style.display = "block";
getById("mainmenu").style.display = "none";
getById("head1").style.display = "none";
session.cleanOutput = true;
} else {
getById("request_info_prompt").innerHTML = "";
getById("request_info_prompt").style.display = "block";
getById("mainmenu").style.display = "none";
getById("head1").style.display = "none";
}
} else {
session.taintedSession = false;
session.hash = hash;
}
}).catch(errorlog);
} else {
session.taintedSession = false;
session.hash = hash;
}
}).catch(errorlog);
}
if (session.defaultPassword !== false) {
session.password = session.defaultPassword; // no user entered password; let's use the default password if its not disabled.
}
if (urlParams.has('showlabels') || urlParams.has('showlabel') || urlParams.has('sl')) {
session.showlabels = urlParams.get('showlabels') || urlParams.get('showlabel') || urlParams.get('sl') || "";
session.showlabels = sanitizeLabel(session.showlabels.replace(/[\W]+/g, "_").replace(/_+/g, '_'));
//session.style = 6;
if (session.showlabels == "") {
session.labelstyle = false;
} else {
session.labelstyle = session.showlabels;
}
session.showlabels = true;
}
if (urlParams.has('sizelabel') || urlParams.has('labelsize') || urlParams.has('fontsize')) {
session.labelsize = urlParams.get('sizelabel') || urlParams.get('labelsize') || urlParams.get('fontsize') || 100;
session.labelsize = parseInt(session.labelsize);
}
if (urlParams.has('label') || urlParams.has('l')) {
session.label = urlParams.get('label') || urlParams.get('l') || null;
var updateURLAsNeed = true;
if (session.label == null || session.label.length == 0) {
window.focus();
session.label = await promptAlt(miscTranslations["enter-display-name"], true);
} else {
var updateURLAsNeed = false;
session.label = decodeURIComponent(session.label);
session.label = session.label.replace(/_/g, " ")
}
if (session.label != null) {
session.label = sanitizeLabel(session.label); // alphanumeric was too strict.
document.title = session.label; // what the result is.
if (updateURLAsNeed) {
var label = encodeURIComponent(session.label);
if (urlParams.has('l')) {
updateURL("l=" + label, true, false);
} else {
updateURL("label=" + label, true, false);
}
}
}
} else if (urlParams.has('defaultlabel') || urlParams.has('labelsuggestion') || urlParams.has('ls')) {
session.label = urlParams.get('defaultlabel') || urlParams.get('labelsuggestion') || urlParams.get('ls') || null;
var updateURLAsNeed = true;
window.focus();
var label = await promptAlt(miscTranslations["enter-display-name"], true);
if (label) {
session.label = sanitizeLabel(label); // alphanumeric was too strict.
} else {
session.label = sanitizeLabel(session.label);
updateURLAsNeed = false;
}
document.title = session.label; // what the result is.
if (updateURLAsNeed) {
var label = encodeURIComponent(session.label);
if (urlParams.has('l')) {
updateURL("l=" + label, true, false);
} else {
updateURL("label=" + label, true, false);
}
}
}
if (urlParams.has('transparent') || urlParams.has('transparency')) { // sets the window to be transparent - useful for IFRAMES?
session.transparent=true;
}
if (session.transparent){
getById("main").style.backgroundColor = "rgba(0,0,0,0)";
document.documentElement.style.setProperty('--container-color', '#0000');
document.documentElement.style.setProperty('--background-color', '#0000');
document.documentElement.style.setProperty('--regular-margin', '0');
document.documentElement.style.setProperty('--director-margin', '0 25px 0 0');
getById("directorLinksButton").style.color = "black";
getById("main").style.overflow = "hidden";
}
if (urlParams.has('stereo') || urlParams.has('s') || urlParams.has('proaudio')) { // both peers need this enabled for HD stereo to be on. If just pub, you get no echo/noise cancellation. if just viewer, you get high bitrate mono
log("STEREO ENABLED");
session.stereo = urlParams.get('stereo') || urlParams.get('s') || urlParams.get('proaudio');
if (session.stereo) {
session.stereo = session.stereo.toLowerCase();
}
//var supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
//supportedConstraints.channelCount;
if (session.stereo === "false") {
session.stereo = 0;
session.audioInputChannels = 1;
} else if (session.stereo === "0") {
session.stereo = 0;
session.audioInputChannels = 1;
} else if (session.stereo === "no") {
session.stereo = 0;
session.audioInputChannels = 1;
} else if (session.stereo === "off") {
session.stereo = 0;
session.audioInputChannels = 1;
} else if (session.stereo === "1") {
session.stereo = 1;
} else if (session.stereo === "both") {
session.stereo = 1;
} else if (session.stereo === "3") {
session.stereo = 3;
} else if (session.stereo === "out") {
session.stereo = 3;
} else if (session.stereo === "mono") {
session.stereo = 3;
session.audiobitrate = 128;
} else if (session.stereo === "4") {
session.stereo = 4;
} else if (session.stereo === "multi") {
session.stereo = 4;
} else if (session.stereo === "2") {
session.stereo = 2;
} else if (session.stereo === "in") {
session.stereo = 2;
} else {
session.stereo = 5; // guests; no stereo in, no high bitrate in, but otherwise like stereo=1
}
}
if (urlParams.has('screensharestereo') || urlParams.has('sss') || urlParams.has('ssproaudio')) { // both peers need this enabled for HD stereo to be on. If just pub, you get no echo/noise cancellation. if just viewer, you get high bitrate mono
log("screenshare stereo ENABLED");
session.screenshareStereo = urlParams.get('screensharestereo') || urlParams.get('sss') || urlParams.get('ssproaudio');
if (session.screenshareStereo) {
session.screenshareStereo = session.screenshareStereo.toLowerCase();
}
if (session.screenshareStereo === "false") {
session.screenshareStereo = 0;
} else if (session.screenshareStereo === "0") {
session.screenshareStereo = 0;
} else if (session.screenshareStereo === "no") {
session.screenshareStereo = 0;
} else if (session.screenshareStereo === "off") {
session.screenshareStereo = 0;
} else if (session.screenshareStereo === "1") {
session.screenshareStereo = 1;
} else if (session.screenshareStereo === "both") {
session.screenshareStereo = 1;
} else if (session.screenshareStereo === "3") {
session.screenshareStereo = 3;
} else if (session.screenshareStereo === "out") {
session.screenshareStereo = 3;
} else if (session.screenshareStereo === "mono") {
session.screenshareStereo = 3;
} else if (session.screenshareStereo === "4") {
session.screenshareStereo = 4;
} else if (session.screenshareStereo === "multi") {
session.screenshareStereo = 4;
} else if (session.screenshareStereo === "2") {
session.screenshareStereo = 2;
} else if (session.screenshareStereo === "in") {
session.screenshareStereo = 2;
} else {
session.screenshareStereo = 5; // guests; no stereo in, no high bitrate in, but otherwise like stereo=1
}
}
// Deploy your own handshake server for free; see: https://github.com/steveseguin/websocket_server
if (urlParams.has('pie')){ // piesocket.com support is to be deprecated after dec/19/21, since piesocket is no longer a free service.
session.customWSS = urlParams.get('pie') || true; // If session.customWSS == true, then there is no need to set parameters via URL
if (session.customWSS && (session.customWSS!==true)){
session.wss = "wss://free3.piesocket.com/v3/1?api_key="+session.customWSS; // if URL param is set, it will use the API key.
}
}
if ((session.stereo == 1) || (session.stereo == 3) || (session.stereo == 4) || (session.stereo == 5)) {
session.echoCancellation = false;
session.autoGainControl = false;
session.noiseSuppression = false;
}
if (Firefox && !session.stereo || (session.stereo === 3)){
session.mono = true; // this will set the SDP to mono if firefox
}
if (urlParams.has('mono')) {
session.mono = true;
if ((session.stereo == 1) || (session.stereo == 4)) {
session.stereo = 3;
session.audiobitrate = 128;
} else if (session.stereo == 5) {
session.stereo = 3; // stereo out only
session.audiobitrate = 128;
} else if (session.stereo == 2) {
session.stereo = 0;
session.audiobitrate = 128;
}
}
if (urlParams.has("channelcount") || urlParams.has("ac") || urlParams.has("inputchannels")) { // if updates to this, see also function toggleMonoStereoMic()
session.audioInputChannels = urlParams.get('channelcount') || urlParams.get('ac') || urlParams.get('inputchannels') || 0;
session.audioInputChannels = parseInt(session.audioInputChannels);
if (!session.audioInputChannels) {
session.audioInputChannels = false;
}
} else if (urlParams.has("monomic")){
session.audioInputChannels = 1;
}
if ((session.stereo === 5) && !session.audioInputChannels){ // allow the guest to set their mic to mono.
document.querySelectorAll(".gear_microphone").forEach(ele=>{
ele.classList.remove("hidden");
});
}
if (urlParams.has("echocancellation") || urlParams.has("aec") || urlParams.has("ec")) {
session.echoCancellation = urlParams.get("echocancellation") || urlParams.get('aec') || urlParams.get('ec');
if (session.echoCancellation) {
session.echoCancellation = session.echoCancellation.toLowerCase();
}
if (session.echoCancellation == "false") {
session.echoCancellation = false;
} else if (session.echoCancellation == "0") {
session.echoCancellation = false;
} else if (session.echoCancellation == "no") {
session.echoCancellation = false;
} else if (session.echoCancellation == "off") {
session.echoCancellation = false;
} else {
session.echoCancellation = true;
}
}
if (urlParams.has("autogain") || urlParams.has("ag") || urlParams.has("agc")) {
session.autoGainControl = urlParams.get('autogain') || urlParams.get('ag') || urlParams.get('agc');
if (session.autoGainControl) {
session.autoGainControl = session.autoGainControl.toLowerCase();
}
if (session.autoGainControl == "false") {
session.autoGainControl = false;
} else if (session.autoGainControl == "0") {
session.autoGainControl = false;
} else if (session.autoGainControl == "no") {
session.autoGainControl = false;
} else if (session.autoGainControl == "off") {
session.autoGainControl = false;
} else {
session.autoGainControl = true;
}
}
if (urlParams.has("denoise") || urlParams.has("dn")) {
session.noiseSuppression = urlParams.get('denoise') || urlParams.get('dn');
if (session.noiseSuppression) {
session.noiseSuppression = session.noiseSuppression.toLowerCase();
}
if (session.noiseSuppression == "false") {
session.noiseSuppression = false;
} else if (session.noiseSuppression == "0") {
session.noiseSuppression = false;
} else if (session.noiseSuppression == "no") {
session.noiseSuppression = false;
} else if (session.noiseSuppression == "off") {
session.noiseSuppression = false;
} else {
session.noiseSuppression = true;
}
}
if (urlParams.has("screenshareaec") || urlParams.has("ssec") || urlParams.has("ssaec")) {
session.screenshareAEC = urlParams.get('screenshareaec') || urlParams.get('ssec') || urlParams.get("ssaec");
if (session.screenshareAEC) {
session.screenshareAEC = session.screenshareAEC.toLowerCase();
}
if (session.screenshareAEC == "false") {
session.screenshareAEC = false;
} else if (session.screenshareAEC == "0") {
session.screenshareAEC = false;
} else if (session.screenshareAEC == "no") {
session.screenshareAEC = false;
} else if (session.screenshareAEC == "off") {
session.screenshareAEC = false;
} else {
session.screenshareAEC = true;
}
}
if (urlParams.has("screenshareautogain") || urlParams.has("ssag") || urlParams.has("ssagc")) {
session.screenshareAutogain = urlParams.get('screenshareautogain') || urlParams.get('ssag') || urlParams.get('ssagc');
if (session.screenshareAutogain) {
session.screenshareAutogain = session.screenshareAutogain.toLowerCase();
}
if (session.screenshareAutogain == "false") {
session.screenshareAutogain = false;
} else if (session.screenshareAutogain == "0") {
session.screenshareAutogain = false;
} else if (session.screenshareAutogain == "no") {
session.screenshareAutogain = false;
} else if (session.screenshareAutogain == "off") {
session.screenshareAutogain = false;
} else {
session.screenshareAutogain = true;
}
}
if (urlParams.has("screensharedenoise") || urlParams.has("ssdn")) {
session.screenshareDenoise = urlParams.get('screensharedenoise') || urlParams.get('ssdn');
if (session.screenshareDenoise) {
session.screenshareDenoise = session.screenshareDenoise.toLowerCase();
}
if (session.screenshareDenoise == "false") {
session.screenshareDenoise = false;
} else if (session.screenshareDenoise == "0") {
session.screenshareDenoise = false;
} else if (session.screenshareDenoise == "no") {
session.screenshareDenoise = false;
} else if (session.screenshareDenoise == "off") {
session.screenshareDenoise = false;
} else {
session.screenshareDenoise = true;
}
}
if (urlParams.has('roombitrate') || urlParams.has('roomvideobitrate') || urlParams.has('rbr')) {
log("Room BITRATE SET");
session.roombitrate = urlParams.get('roombitrate') || urlParams.get('rbr') || urlParams.get('roomvideobitrate');
session.roombitrate = parseInt(session.roombitrate);
if (session.roombitrate < 1) {
session.roombitrate = 0;
}
}
if ( urlParams.has('outboundaudiobitrate') || urlParams.has('oab')) {
session.outboundAudioBitrate = parseInt(urlParams.get('outboundaudiobitrate')) || parseInt(urlParams.get('oab')) || false;
}
if (urlParams.has('outboundvideobitrate') || urlParams.has('outboundbitrate') || urlParams.has('ovb')) {
session.outboundVideoBitrate = parseInt(urlParams.get('outboundvideobitrate')) || parseInt(urlParams.get('outboundbitrate')) || parseInt(urlParams.get('ovb')) || false;
}
if (urlParams.has('webp') || urlParams.has('images')){ // deprecicating this. chunked mode will replace it.
session.webp = urlParams.get('webp') || urlParams.get('images') || "webp";
}
if (urlParams.has('webpquality') || urlParams.has('webpq') || urlParams.has('wq')){
session.webPquality = parseInt(urlParams.get('webpquality')) || parseInt(urlParams.get('webpq')) || parseInt(urlParams.get('wq')) || 4;
}
if (urlParams.has('audiobitrate') || urlParams.has('ab')) { // both peers need this enabled for HD stereo to be on. If just pub, you get no echo/noise cancellation. if just viewer, you get high bitrate mono
log("AUDIO BITRATE SET");
session.audiobitrate = urlParams.get('audiobitrate') || urlParams.get('ab');
session.audiobitrate = parseInt(session.audiobitrate);
if (session.audiobitrate < 1) {
session.audiobitrate = false;
} else if (session.audiobitrate > 510) {
session.audiobitrate = 510;
} // this is to just prevent abuse
}
if ((iOS) || (iPad)) {
session.audiobitrate = false; // iOS devices seem to get distortion with custom audio bitrates. Disable for now.
}
/* if (urlParams.has('whitebalance') || urlParams.has('temp')){ // Need to be applied after the camera is selected. bleh. not enforcible. remove for now.
var temperature = urlParams.get('whitebalance') || urlParams.get('temp');
try{
updateCameraConstraints('colorTemperature', parseFloat(temperature));
} catch (e){errorlog(e);}
} */
if (urlParams.has('streamid') || urlParams.has('view') || urlParams.has('v') || urlParams.has('pull')) { // the streams we want to view; if set, but let blank, we will request no streams to watch.
session.view = urlParams.get('streamid') || urlParams.get('view') || urlParams.get('v') || urlParams.get('pull') || null; // this value can be comma seperated for multiple streams to pull
getById("headphonesDiv2").style.display = "inline-block";
getById("headphonesDiv").style.display = "inline-block";
getById("addPasswordBasic").style.display = "none";
if (session.view == null) {
session.view = "";
}
/* if (session.view){
if (urlParams.has('include') && urlParams.get('include')){
session.view += ","+urlParams.get('include');
}
} */
if ((session.scene !== false) && (session.style === false) && window.obsstudio){
session.style = 1;
}
}
if (urlParams.has('directoronly') || urlParams.has('directorsonly') || urlParams.has('do')){
session.viewDirectorOnly = true;
}
if (session.view!==false) {
session.view_set = session.view.split(",");
}
if (session.view_set){
session.allowScreen = [];
session.allowVideos = [];
var i = session.view_set.length;
while (i--){
var split = session.view_set[i].split(":s");
if (split.length>1){
session.allowScreen.push(split[0]);
session.view_set.splice(i, 1);
if (!(split[0] in session.view_set)){
session.view_set.push(split[0]);
}
} else if (split[0]){
session.allowVideos.push(split[0]);
} else {
session.view_set.splice(i, 1);
}
}
}
if (urlParams.has('include') && urlParams.get('include')){
urlParams.get('include').split(",").forEach(sid =>{
var sidd = sid.split(":s")[0];
if (sidd && !session.include.includes(sidd)){
session.include.push(sidd);
}
});
}
if (urlParams.has('directorview') || urlParams.has('dv')){
session.directorView = true;
}
if (urlParams.has('graphs')){
session.allowGraphs = true;
}
if (urlParams.has('ruler') || urlParams.has('grid') || urlParams.has('thirds')) {
session.fullscreen = true;
if (!session.manual){
session.manual = false;
}
session.ruleOfThirds = urlParams.get('ruler') || urlParams.get('grid') || urlParams.get('thirds') || "./media/thirds.svg";
session.ruleOfThirds = decodeURIComponent(session.ruleOfThirds);
}
if (urlParams.has('smallshare')){
session.notifyScreenShare = false;
}
if (urlParams.has('proxy')) { // routes the wss traffic via an alternative network path. Not
session.proxy=true; // only works if session.wss is set to false
} else if (location.hostname === "proxy.vdo.ninja"){
session.proxy=true;
}
if (urlParams.has('nopreview') || urlParams.has('np')) {
log("preview OFF");
session.nopreview = true;
if ((iOS) || (iPad)) {
session.nopreview = false;
session.minipreview = 3; //
}
} else if ((urlParams.has('preview')) || (urlParams.has('showpreview'))) {
log("preview ON");
session.nopreview = false;
} else if ((urlParams.has('minipreview')) || (urlParams.has('mini'))) {
var mini = urlParams.has('minipreview') || urlParams.has('mini') || true; // 2 is a valid option. (3 is for iPhone with a hidden preview)
log("preview ON");
session.nopreview = false;
session.minipreview = mini;
}
if (urlParams.has('obsfix')) {
session.obsfix = urlParams.get('obsfix');
if (session.obsfix) {
session.obsfix = session.obsfix.toLowerCase();
}
if (session.obsfix == "false") {
session.obsfix = false;
} else if (session.obsfix == "0") {
session.obsfix = false;
} else if (session.obsfix == "no") {
session.obsfix = false;
} else if (session.obsfix == "off") {
session.obsfix = false;
} else if (parseInt(session.obsfix) > 0) {
session.obsfix = parseInt(session.obsfix);
} else {
session.obsfix = 1; // aggressive.
}
}
if (urlParams.has('controlroombitrate') || urlParams.has('crb')) {
session.controlRoomBitrate = true;
}
if (urlParams.has('minroombitrate') || urlParams.has('mrb')) {
session.minimumRoomBitrate = urlParams.get('minroombitrate') || urlParams.get('mrb') || false;
session.minimumRoomBitrate = parseInt(session.minimumRoomBitrate) || false;
}
if (urlParams.has('remote') || urlParams.has('rem')) {
log("remote ENABLED");
session.remote = urlParams.get('remote') || urlParams.get('rem') || true;
}
if (urlParams.has("slideshow")){ // stream labs mobile fix ?
var ssinterval = parseInt(urlParams.get("slideshow")) || 25;
ssinterval = 1000/ssinterval;
session.manual = true;
session.dynamicScale = false;
setInterval(function(){
try {
slideshowHack();
} catch(e){errorlog(e);}
},ssinterval);
}
if (urlParams.has('latency') || urlParams.has('al') || urlParams.has('audiolatency')) {
log("latency ENABLED");
session.audioLatency = urlParams.get('latency') || urlParams.get('al') || urlParams.get('audiolatency');
session.audioLatency = parseInt(session.audioLatency) || 0;
session.disableWebAudio = false;
}
if (urlParams.has('micdelay') || urlParams.has('delay') || urlParams.has('md')) {
log("audio gain ENABLED");
session.micDelay = urlParams.get('micdelay') || urlParams.get('delay') || urlParams.get('md') || 0;
session.micDelay = parseInt(session.micDelay) || 0;
session.disableWebAudio = false;
}
if (urlParams.has('tips')){
getById("guestTips").style.display="flex";
}
if (urlParams.has('audiogain') || urlParams.has('gain') || urlParams.has('g')) {
log("audio gain ENABLED");
session.audioGain = urlParams.get('audiogain') || urlParams.get('gain') || urlParams.get('g');
session.audioGain = parseInt(session.audioGain) || 0;
session.disableWebAudio = false;
}
if (urlParams.has('volume') || urlParams.has('vol') ) { // This sets the default volume for all new video playback elements; 0 to 100.
log("setting default volume for playback");
session.volume = urlParams.get('volume') || urlParams.get('vol') || 100;
session.volume = parseInt(session.volume) || 0;
session.volume = session.volume/100; // 0 to 1.0
}
if (urlParams.has('compressor') || urlParams.has('comp')) {
log("audio gain ENABLED");
session.compressor = 1;
session.disableWebAudio = false;
} else if (urlParams.has('limiter')) {
log("audio gain ENABLED");
session.compressor = 2;
session.disableWebAudio = false;
}
if ((urlParams.has('equalizer')) || (urlParams.has('eq'))) {
session.equalizer = true;
session.disableWebAudio = false;
}
if ((urlParams.has('lowcut')) || (urlParams.has('lc')) || (urlParams.has('higpass'))) {
session.lowcut = urlParams.get('lowcut') || urlParams.get('lc') || urlParams.get('higpass') || 100;
session.lowcut = parseInt(session.lowcut);
session.disableWebAudio = false;
}
if (urlParams.has('pip')) {
session.pip = true; // togglePip
//session.manual=true;
//innerHTML =
}
if (urlParams.has('keyframeinterval') || urlParams.has('keyframerate') || urlParams.has('keyframe') || urlParams.has('fki')) {
log("keyframeRate ENABLED");
session.keyframeRate = parseInt(urlParams.get('keyframeinterval') || urlParams.get('keyframerate') || urlParams.get('keyframe') || urlParams.get('fki')) || 0;
}
if (urlParams.has('obsoff') || urlParams.has('oo') || urlParams.has('disableobs')) {
log("OBS feedback disabled");
session.disableOBS = true;
getById("obsState").style.setProperty("display", "none", "important");
}
if (urlParams.has('hidecodirectors')){
document.querySelector(':root').style.setProperty("--show-codirectors", "none", "important");
}
if (urlParams.has('obscontrols') || urlParams.has('remoteobs') || urlParams.has('obsremote') || urlParams.has('obs') || urlParams.has('controlobs')) {
session.obsControls = urlParams.get('obscontrols') || urlParams.get('remoteobs') || urlParams.get('obsremote') || urlParams.get('obs') || urlParams.get('controlobs');
if (session.obsControls) { // whether to show the button or not; that's it.
session.obsControls = session.obsControls.toLowerCase();
}
if (session.obsControls == "false") {
session.obsControls = false;
} else if (session.obsControls == "0") {
session.obsControls = false;
} else if (session.obsControls == "no") {
session.obsControls = false;
} else if (session.obsControls == "off") {
session.obsControls = false;
} else if (session.obsControls){
session.obsControls = session.obsControls.toLowerCase();
} else {
session.obsControls = true;
}
}
if (session.obsControls){
getById("obscontrolbutton").classList.remove("hidden");
}
if (urlParams.has('tallyoff') || urlParams.has('notally') || urlParams.has('disabletally') || urlParams.has('to')) {
log("Tally Light off");
getById("obsState").style.setProperty("display", "none", "important");
}
if (window.obsstudio) {
session.disableWebAudio = true; // default true; might be useful to disable on slow or old computers?
session.audioMeterGuest = false;
session.audioEffects = false;
if (window.obsstudio.pluginVersion){
if (macOS){ // if mac, no fix
//session.obsfix = false;
} else if (window.obsstudio.pluginVersion=="2.17.4"){ // if obs v27.2 beta, no fix
//session.obsfix = false;
} else {
var ver = window.obsstudio.pluginVersion.split(".");
if (ver.length >= 2){
if (parseInt(ver[0])<=2){
if (parseInt(ver[0])==2){
if (parseInt(ver[1])<=16){
session.obsfix = 15;
}
} else {
session.obsfix = 15;
}
}
}
}
}
try {
log("OBS VERSION:" + window.obsstudio.pluginVersion);
log("macOS: " + macOS);
log(window.obsstudio);
if (!(urlParams.has('streamlabs'))) {
var ver1 = window.obsstudio.pluginVersion.split(".");
if (ver1.length == 3) { // Should be 3, but disabled3
if ((ver1.length == 3) && (parseInt(ver1[0]) == 2) && (ChromeVersion < 76) && (macOS)) {
updateURL("streamlabs");
getById("main").innerHTML = "<div style='background-color:black;color:white;' data-translate='obs-macos-not-supported'><h1>Update OBS Studio to v26.1.2 or newer; older versions and StreamLabs OBS are not supported on macOS.\
<br /><i><small><small>download here: <a href='https://github.com/obsproject/obs-studio/releases'>https://github.com/obsproject/obs-studio/releases</a></small></small></i>\
</h1> <br /><br />\
<h2>Please use the <a href='https://github.com/steveseguin/electroncapture'>Electron Capture app</a> if there are further problems or if you wish to use StreamLabs on macOS still.</h2>\
<br /> You can bypass this error message by refreshing, <a href='" + window.location.href + "'> Clicking Here,</a> or by adding <i>&streamlabs</i> to the URL, but it may still not actually work.\
\
<br /> Please report this problem to steve@seguin.email if you feel it is an error.\
</div>";
}
}
}
//if (navigator.userAgent.indexOf('Mac OS X') != -1) {
// session.codec = "h264"; // default the codec to h264 if OBS is on macOS (that's all it supports with hardware) // oct 2021, OBS now supports vp8 and actually breaks with h264 android devices.
//}
if (session.disableOBS===false){
if (typeof document.visibilityState !== "undefined"){
session.obsState.visibility = document.visibilityState==="visible";
}
getOBSDetails();
window.addEventListener("obsSourceVisibleChanged", obsSourceVisibleChanged);
window.addEventListener("obsSourceActiveChanged", obsSourceActiveChanged);
window.addEventListener("obsSceneChanged", obsSceneChanged);
window.addEventListener("obsStreamingStarted", obsStreamingStarted);
window.addEventListener("obsStreamingStopped", obsStreamingStopped);
window.addEventListener("obsRecordingStarted", obsRecordingStarted);
window.addEventListener("obsRecordingStopped", obsRecordingStopped);
window.addEventListener("obsVirtualcamStarted", obsVirtualcamStarted);
window.addEventListener("obsVirtualcamStopped", obsVirtualcamStopped);
}
} catch (e) {
errorlog(e);
}
}
if (urlParams.has('chroma')) {
log("Chroma ENABLED");
getById("main").style.backgroundColor = "#" + (urlParams.get('chroma') || "0F0");
} // else if (window.obsstudio || (navigator.userAgent.toLowerCase().indexOf(' electron/') > -1)){
// getById("main").style.backgroundColor = "rgba(0,0,0,0)";
//}
//if (urlParams.has('bgimg')){
//
// getById("main").style.background = "#" + (urlParams.get('chroma') || "0F0");
//}
if (urlParams.has('margin')) {
try {
session.videoMargin = urlParams.get('margin') || 10;
session.videoMargin = parseInt(session.videoMargin);
//document.querySelector(':root').style.setProperty('--video-margin', session.videoMargin+"px");
} catch(e){errorlog("variable css failed");}
}
if (urlParams.has('rounded') || urlParams.has('round')) {
try {
session.borderRadius = urlParams.get('rounded') || urlParams.get('round') || 50;
session.borderRadius = parseInt(session.borderRadius);
document.querySelector(':root').style.setProperty('--video-rounded', session.borderRadius+"px");
} catch(e){errorlog("variable css failed");}
}
if (urlParams.has('border')) {
try {
var videoBorder = urlParams.get('border') || 10;
videoBorder = parseInt(videoBorder);
session.border = videoBorder;
videoBorder+="px";
document.querySelector(':root').style.setProperty('--video-border-color', "#000");
document.querySelector(':root').style.setProperty('--video-border', videoBorder);
} catch(e){errorlog("variable css failed");}
}
if (urlParams.has('bordercolor')) {
try {
session.borderColor = urlParams.get('bordercolor') || "#000";
document.querySelector(':root').style.setProperty('--video-border-color', session.borderColor);
} catch(e){errorlog("variable css failed");}
}
if (urlParams.has('retry')) {
session.forceRetry = parseInt(urlParams.get('retry')) || 30;
}
if (session.forceRetry){
setTimeout(function(){
try {
session.retryWatchInterval();
} catch(e){
warnlog(e);
clearTimeout(this);
}
},30000);
}
try {
if (urlParams.has("darkmode") || urlParams.has("nightmode")){
session.darkmode = urlParams.get("darkmode") || urlParams.get("nightmode") || null;
if ((session.darkmode===null) || (session.darkmode === "")){
session.darkmode=true;
} else if ((darkmode=="false") || (darkmode == "0") || (darkmode == 0) || (darkmode == "off")){
session.darkmode=false;
}
} else if (urlParams.has("lightmode") || urlParams.has("lightmode")){
session.darkmode = false;
} else {
session.darkmode = getComputedStyle(document.querySelector(':root')).getPropertyValue('--color-mode').trim();
if (session.darkmode == "dark"){
session.darkmode = true;
} else {
session.darkmode = false;
}
}
if (session.darkmode){
document.body.classList.add("darktheme");
document.querySelector(':root').style.setProperty('--background-color',"#02050c" );
} else {
document.body.classList.remove("darktheme");
//document.querySelector(':root').style.setProperty('--background-color',"#141926" ); // already set as default.
}
} catch(e){errorlog(e);}
if (urlParams.has("videodevice") || urlParams.has("vdevice") || urlParams.has('vd') || urlParams.has('device') || urlParams.has('d') || urlParams.has('vdo')) {
session.videoDevice = urlParams.get("videodevice") || urlParams.get("vdevice") || urlParams.get("vd") || urlParams.get("device") || urlParams.get("d") || urlParams.get("vdo");
if (session.videoDevice === null) {
session.videoDevice = "1";
} else if (session.videoDevice) {
session.videoDevice = session.videoDevice.toLowerCase().replace(/[\W]+/g, "_");
}
if (session.videoDevice == "false") {
session.videoDevice = 0;
} else if (session.videoDevice == "0") {
session.videoDevice = 0;
} else if (session.videoDevice == "no") {
session.videoDevice = 0;
} else if (session.videoDevice == "off") {
session.videoDevice = 0;
} else if (session.videoDevice == "snapcam") {
session.videoDevice = "snap_camera";
} else if (session.videoDevice == "canon") {
session.videoDevice = "eos";
} else if (session.videoDevice == "camlink") {
session.videoDevice = "cam_link";
} else if (session.videoDevice == "ndi") {
session.videoDevice = "newtek_ndi_video";
} else if (session.videoDevice == "") {
session.videoDevice = 1;
} else if (session.videoDevice == "1") {
session.videoDevice = 1;
} else if (session.videoDevice == "default") {
session.videoDevice = 1;
} else {
// whatever the user entered I guess, santitized.
session.videoDevice = session.videoDevice.replace(/[\W]+/g, "_").toLowerCase();
}
if (!urlParams.has('vdo')){
getById("videoMenu").style.display = "none";
}
log("session.videoDevice:" + session.videoDevice);
}
// audioDevice
if (urlParams.has('audiodevice') || urlParams.has('adevice') || urlParams.has('ad') || urlParams.has('device') || urlParams.has('d')) {
session.audioDevice = urlParams.get("audiodevice") || urlParams.get("adevice") || urlParams.get("ad") || urlParams.get("device") || urlParams.get("d");
if (session.audioDevice === null) {
session.audioDevice = "1";
} else if (session.audioDevice) {
session.audioDevice = session.audioDevice.toLowerCase().replace(/[\W]+/g, "_");
}
if (session.audioDevice == "false") {
session.audioDevice = 0;
} else if (session.audioDevice == "0") {
session.audioDevice = 0;
} else if (session.audioDevice == "no") {
session.audioDevice = 0;
} else if (session.audioDevice == "off") {
session.audioDevice = 0;
} else if (session.audioDevice == "") {
session.audioDevice = 1;
} else if (session.audioDevice == "1") {
session.audioDevice = 1;
} else if (session.audioDevice == "default") {
session.audioDevice = 1;
} else if (session.audioDevice == "ndi") {
session.audioDevice = "line_newtek_ndi_audio";
} else {
// whatever the user entered I guess
session.audioDevice = session.audioDevice.replace(/[\W]+/g, "_").toLowerCase();
}
log("session.audioDevice:" + session.audioDevice);
getById("audioMenu").style.display = "none";
getById("headphonesDiv").style.display = "none";
getById("headphonesDiv2").style.display = "none";
getById("audioScreenShare1").style.display = "none";
}
if (session.videoDevice === 0) {
getById("previewWebcam").classList.add("miconly");
if (session.audioDevice === 0) {
miniTranslate(getById("add_camera"), "click-start-to-join", "Click Start to Join");
getById("container-2").className = 'column columnfade hidden';
getById("container-3").classList.add("skip-animation");
getById("container-3").classList.remove('pointer');
delayedStartupFuncs.push([previewWebcam]);
session.webcamonly = true;
} else {
miniTranslate(getById("add_camera"), "share-your-mic", "Share your Microphone");
getById("container-3").classList.add("microphoneBackground");
}
getById("container-3").title = getById("add_camera").innerText;
}
if (session.mobile){
getById("shareScreenGear").style.display = "none";
getById("dropButton").style.display = "none";
//getById("container-2").className = 'column columnfade hidden'; // Hide screen share on mobile
session.screensharebutton = false;
screensharesupport = false;
if (session.audioDevice!==0){
getById("flipcamerabutton").classList.remove("hidden");
}
}
if (urlParams.has('androidfix')){
session.AndroidFix = true;
}
if (urlParams.has('consent')){
session.consent = true;
getById("consentWarning").classList.remove("hidden");
getById("consentWarning2").classList.remove("hidden");
}
if (urlParams.has('autojoin') || urlParams.has('autostart') || urlParams.has('aj') || urlParams.has('as')) {
session.autostart = true;
}
if (session.dataMode){
delayedStartupFuncs.push([joinDataMode]);
} else if (session.autostart){
if (session.screenshare!==false) {
delayedStartupFuncs.push([publishScreen]);
}
if (session.consent){
setTimeout(function(){
warnUser("⚠ Privacy warning: The director of this room can remotely switch your camera or microphone without permission.", 8000);
}, 1500);
}
}
if (urlParams.has('noiframe') || urlParams.has('noiframes') || urlParams.has('nif') || urlParams.has('nowebsite') ) {
session.noiframe = urlParams.get('noiframe') || urlParams.get('noiframes') || urlParams.get('nif') || urlParams.get('nowebsite');
if (!(session.noiframe)) {
session.noiframe = [];
} else {
session.noiframe = session.noiframe.split(",");
}
log("disable iframe playback");
log(session.noiframe);
}
if (urlParams.has('exclude') || urlParams.has('ex')) {
session.exclude = urlParams.get('exclude') || urlParams.get('ex');
if (!(session.exclude)) {
session.exclude = false;
} else {
session.exclude = session.exclude.split(",");
}
log("exclude video playback");
log(session.exclude);
}
if (urlParams.has('novideo') || urlParams.has('nv') || urlParams.has('hidevideo') || urlParams.has('showonly')) {
session.novideo = urlParams.get('novideo') || urlParams.get('nv') || urlParams.get('hidevideo') || urlParams.get('showonly');
if (!(session.novideo)) {
session.novideo = [];
} else {
session.novideo = session.novideo.split(",");
}
log("disable video playback");
log(session.novideo);
}
if (urlParams.has('noaudio') || urlParams.has('na') || urlParams.has('hideaudio')) {
session.noaudio = urlParams.get('noaudio') || urlParams.get('na') || urlParams.get('hideaudio');
if (!(session.noaudio)) {
session.noaudio = [];
} else {
session.noaudio = session.noaudio.split(",");
}
log("disable audio playback");
}
if (urlParams.has('forceios')) {
log("allow iOS to work in video group chat; for this user at least");
session.forceios = true;
}
if (urlParams.has('nocursor')) { // on the screen, not in screen share
session.nocursor = true;
log("DISABLE CURSOR");
var styletmp = document.createElement('style');
styletmp.innerHTML = `
video {
margin: 0;
padding: 0;
overflow: hidden;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=), none;
user-select: none;
}
`;
document.head.appendChild(styletmp);
}
if (urlParams.has('cursor') || urlParams.has('screensharecursor')) {
session.screensharecursor = true;
}
if (urlParams.has('dtx') || urlParams.has('usedtx')) {
session.dtx = true;
session.cbr = 0; // no point dtx on if cbr is on, right?
}
if (urlParams.has('vbr')) {
session.cbr = 0;
} else if (urlParams.has('cbr')) {
session.cbr = 1;
}
if (urlParams.has('order')) {
session.order = parseInt(urlParams.get('order')) || 1;
}
if (urlParams.has('orderby')) {
session.orderby = urlParams.get('orderby') || "id";
}
if (urlParams.has('slot')) {
session.slot = parseInt(urlParams.get('slot')) || 0;
}
if (urlParams.has('slots')) {
session.slots = parseInt(urlParams.get('slots')) || 4;
}
if (urlParams.has('chunked')) {
session.chunked = parseInt(urlParams.get('chunked')) || 3000;
session.alpha = true;
}
if (urlParams.has('debug')){
session.debug=true;
debugStart();
}
if (urlParams.has('group') || urlParams.has('groups')) {
session.group = urlParams.get('group') || urlParams.get('groups') || "";
session.group = session.group.split(",");
}
if (urlParams.has('groupaudio') || urlParams.has('ga')) {
session.groupAudio = true;
}
if (urlParams.has('groupmode') || urlParams.has('gm')) {
session.allowNoGroup = true;
}
if (urlParams.has('host')) {
session.roomhost = true;
}
if (urlParams.has('sensors') || urlParams.has('sensor') || urlParams.has('gyro') || urlParams.has('gyros') || urlParams.has('accelerometer')) {
session.sensorData = urlParams.get('sensors') || urlParams.get('sensor') || urlParams.get('gyro') || urlParams.get('gyros') || urlParams.get('accelerometer') || 30;
session.sensorData = parseInt(session.sensorData);
}
if (urlParams.has('sensorfilter') || urlParams.has('sensorsfilter') || urlParams.has('filtersensor') || urlParams.has('filtersensors')) {
session.sensorDataFilter = urlParams.get('sensorfilter') || urlParams.get('sensorsfilter') || urlParams.get('filtersensor') || urlParams.get('filtersensors') || "";
session.sensorDataFilter = session.sensorDataFilter.split(","); // ["pos","lin","ori","mag","gyro","acc"];
}
if (urlParams.has('ptime')) {
session.ptime = parseInt(urlParams.get('ptime')) || 20;
if (session.ptime<10){
session.ptime = 10;
}
}
if (urlParams.has('minptime')) {
session.minptime = parseInt(urlParams.get('minptime')) || 10;
if (session.minptime < 10) {
session.minptime = 10;
}
if (session.minptime > 300) {
session.minptime = 300;
}
}
if (urlParams.has('maxptime')) {
session.maxptime = parseInt(urlParams.get('maxptime')) || 60;
if (session.maxptime < 10) {
session.maxptime = 10;
}
if (session.maxptime > 300) {
session.maxptime = 300;
}
}
if (urlParams.has('contenthint') || urlParams.has('contenttype') || urlParams.has('content') || urlParams.has('hint')) {
session.contentHint = urlParams.get('contenthint') || urlParams.get('contenttype') || urlParams.get('content') || urlParams.get('hint') || "detail";
}
if (urlParams.has('audiocontenthint') || urlParams.has('audiocontenttype') || urlParams.has('audiocontent') || urlParams.has('audiohint')) {
session.audioContentHint = urlParams.get('audiocontenthint') || urlParams.get('audiocontenttype') || urlParams.get('audiocontent') || urlParams.get('audiohint') || "music";
}
if (urlParams.has('screensharecontenthint') || urlParams.has('sscontenthint') || urlParams.has('screensharecontenttype') || urlParams.has('sscontent') || urlParams.has('sshint')) {
session.screenshareContentHint = urlParams.get('screensharecontenthint') || urlParams.get('sscontenthint') || urlParams.get('screensharecontenttype') || urlParams.get('sscontent') || urlParams.get('sshint') || "detail";
}
if (urlParams.has('codec')) {
log("CODEC CHANGED");
session.codec = urlParams.get('codec') || false;
if (session.codec){
session.codec = session.codec.toLowerCase();
}
} else if (OperaGx){
session.codec = "vp8";
warnlog("Defaulting to VP8 manually, as H264 with remote iOS devices is not supported");
}
if (urlParams.has('audiocodec')) {
log("CODEC CHANGED");
session.audioCodec = urlParams.get('audiocodec') || false;
if (session.audioCodec){
session.audioCodec = session.audioCodec.toLowerCase();
}
}
if (urlParams.has('scenelinkcodec')){ // this is mainly for a niche iframe API use
log("codecGroupFlag CHANGED");
session.codecGroupFlag = urlParams.get('scenelinkcodec') || false;
if (session.codecGroupFlag){
session.codecGroupFlag = "&codec="+session.codecGroupFlag.toLowerCase();
}
}
if (urlParams.has('scenelinkbitrate')){ // this is mainly for a niche iframe API use
log("bitrateGroupFlag CHANGED");
session.bitrateGroupFlag = urlParams.get('scenelinkbitrate') || false;
if (session.bitrateGroupFlag){
session.bitrateGroupFlag = "&totalbitrate="+parseInt(session.bitrateGroupFlag);
}
}
if (urlParams.has('h264profile')) {
session.h264profile = urlParams.get('h264profile') || "42e01f"; // 42001f
session.h264profile = session.h264profile.substring(0, 6);
session.h264profile = session.h264profile.toLowerCase();
if (session.h264profile=="0"){
session.h264profile = false;
} else if (session.h264profile=="off"){
session.h264profile = false;
} else if (session.h264profile=="disabl"){
session.h264profile = false;
} else if (session.h264profile=="defaul"){
session.h264profile = false;
} else if (session.h264profile=="false"){
session.h264profile = false;
}
} else if ((session.codec==="hardware") && Android){ // same as &h264profile, but easier for me to remember. I'll try to automate this in the future.
session.codec = "h264";
session.h264profile = "42e01f";
}
if (urlParams.has('nofec')){ // disables error control / throttling -- currently on audio
session.noFEC = true;
}
if (urlParams.has('nonacks')){ // disables error control / throttling.
session.noNacks = true;
}
if (urlParams.has('nopli')){ // disables error control / throttling.
session.noPLIs = true;
}
if (urlParams.has('noremb')){ // disables error control / throttling.
session.noREMB = true;
}
if (urlParams.has('scale')) {
if (urlParams.get('scale') == "false") {} else if (urlParams.get('scale') == "0") {} else if (urlParams.get('scale') == "no") {} else if (urlParams.get('scale') == "off") {} else {
log("Resolution scale requested");
session.scale = parseFloat(urlParams.get('scale')) || 100;
}
session.dynamicScale = false; // default true
} else {
if (urlParams.has('viewwidth') || urlParams.has('vw')) {
session.viewwidth = urlParams.get('viewwidth') || urlParams.get('vw') ||false;
session.dynamicScale = false; // default true
}
if (urlParams.has('viewheight') || urlParams.has('vh')) {
session.viewheight = urlParams.get('viewheight') || urlParams.get('vh') ||false;
session.dynamicScale = false; // default true
}
}
if (urlParams.has('sharperscreen')) { // sets scale to 100 for inbound screenshares only
session.sharperScreen = true;
}
if (urlParams.has('mcscale') || urlParams.has('meshcastscale')) {
session.meshcastScale = parseFloat(urlParams.get('mcscale')) || parseFloat(urlParams.get('meshcastscale')) || 100;
}
if (isIFrame) {
getById("helpbutton").style.display = "none";
getById("helpbutton").style.opacity = 0;
getById("reportbutton").style.display = "none";
getById("reportbutton").style.opacity = 0;
getById("calendarButton").style.display = "none";
getById("calendarButton").style.opacity = 0;
getById("chatBody").innerHTML = "";
}
if (urlParams.has('beep') || urlParams.has('notify') || urlParams.has('tone')) {
session.beepToNotify = true;
var addtone = createAudioElement();
addtone.id = "jointone";
addtone.src = "./media/join.mp3";
getById("testtone").parentNode.insertBefore(addtone, getById("testtone").nextSibling)
var addtone = createAudioElement();
addtone.id = "leavetone";
addtone.src = "./media/leave.mp3";
getById("testtone").parentNode.insertBefore(addtone, getById("testtone").nextSibling)
if (!Notification) {
warnlog('Desktop notifications are not available in your browser.');
} else if (Notification.permission !== 'granted') {
Notification.requestPermission();
}
}
if (urlParams.has('r2d2')) {
/* var addtone = createAudioElement();
addtone.id = "jointone";
addtone.src = "./media/join.mp3";
getById("testtone").parentNode.insertBefore(addtone, getById("testtone").nextSibling)
var addtone = createAudioElement();
addtone.id = "leavetone";
addtone.src = "./media/leave.mp3";
getById("testtone").parentNode.insertBefore(addtone, getById("testtone").nextSibling) */
getById("testtone").innerHTML = "";
getById("testtone").src = "./media/robot.mp3";
session.beepToNotify = true;
}
if (urlParams.has('easyexit') || urlParams.has('ee')) {
session.noExitPrompt = true;
}
if (urlParams.has('entrymsg') || urlParams.has('welcome')) {
session.welcomeMessage = urlParams.get('entrymsg') || urlParams.get('welcome');
session.welcomeMessage = decodeURIComponent(session.welcomeMessage);
}
if (urlParams.has('welcomeimage') || urlParams.has('welcomeimg')) {
session.welcomeImage = urlParams.get('welcomeimage') || urlParams.get('welcomeimg');
session.welcomeImage = decodeURIComponent(session.welcomeImage);
}
if (urlParams.has('mixminus')){
session.mixMinus = true;
}
if (urlParams.has('videobitrate') || urlParams.has('bitrate') || urlParams.has('vb')) {
session.bitrate = urlParams.get('videobitrate') || urlParams.get('bitrate') || urlParams.get('vb');
if (session.bitrate) {
if ((session.view_set) && (session.bitrate.split(",").length > 1)) {
session.bitrate_set = session.bitrate.split(",");
session.bitrate = parseInt(session.bitrate_set[0]);
} else {
session.bitrate = parseInt(session.bitrate);
}
if (session.bitrate < 1) {
session.bitrate = false;
}
log("BITRATE ENABLED");
log(session.bitrate);
}
}
if (urlParams.has('maxvideobitrate') || urlParams.has('maxbitrate') || urlParams.has('mvb')) {
session.maxvideobitrate = urlParams.get('maxvideobitrate') || urlParams.get('maxbitrate') || urlParams.get('mvb');
session.maxvideobitrate = parseInt(session.maxvideobitrate);
if (session.maxvideobitrate < 1) {
session.maxvideobitrate = false;
}
log("maxvideobitrate ENABLED");
log(session.maxvideobitrate);
}
if (urlParams.has('totalroombitrate') || urlParams.has('totalroomvideobitrate') || urlParams.has('trb') || urlParams.has('totalbitrate') || urlParams.has('tb')) {
session.totalRoomBitrate = urlParams.get('totalroombitrate') || urlParams.get('totalroomvideobitrate') || urlParams.get('trb') || urlParams.get('totalbitrate') || urlParams.get('tb') || 0;
session.totalRoomBitrate = parseInt(session.totalRoomBitrate);
if (session.totalRoomBitrate < 1) {
session.totalRoomBitrate = false;
}
log("totalRoomBitrate ENABLED");
log(session.totalRoomBitrate);
}
if (session.totalRoomBitrate===false){
session.totalRoomBitrate = session.totalRoomBitrate_default;
} else {
session.totalRoomBitrate_default = session.totalRoomBitrate; // trb_default doesn't change dynamically, but trb can (per director I guess)
}
if (session.totalRoomBitrate_default>4000){
getById("trbSettingInput").max = Math.ceil(session.totalRoomBitrate_default);
}
if (urlParams.has('maxtotalscenebitrate') || urlParams.has('totalscenebitrate') || urlParams.has('mtsb') || urlParams.has('tsb') || urlParams.has('totalbitrate') || urlParams.has('tb')) {
session.totalSceneBitrate = urlParams.get('maxtotalscenebitrate') || urlParams.get('totalscenebitrate') || urlParams.get('mtsb') || urlParams.get('tsb') || urlParams.get('totalbitrate') || urlParams.get('tb') || false;
if (session.totalSceneBitrate){
session.totalSceneBitrate = parseInt(session.totalSceneBitrate);
}
}
if (urlParams.has('limittotalbitrate') || urlParams.has('ltb')){
session.limitTotalBitrate = urlParams.get('limittotalbitrate') || urlParams.get('ltb') || 2500;
session.limitTotalBitrate = parseInt(session.limitTotalBitrate);
}
if (urlParams.has('mcb') || urlParams.has('mcbitrate') || urlParams.has('meshcastbitrate')){
session.meshcastBitrate = urlParams.get('mcb') || urlParams.get('mcbitrate') || urlParams.get('meshcastbitrate') || 2500;
session.meshcastBitrate = parseInt(session.meshcastBitrate);
}
if (urlParams.has('mcscreensharebitrate') || urlParams.has('mcssbitrate')){
session.meshcastScreenShareBitrate = urlParams.get('mcscreensharebitrate') || urlParams.get('mcssbitrate') || 2500;
session.meshcastScreenShareBitrate = parseInt(session.meshcastScreenShareBitrate);
}
if (urlParams.has('mcscreensharecodec') || urlParams.has('mcsscodec')){
session.meshcastScreenShareCodec = urlParams.get('mcscreensharecodec') || urlParams.get('mcsscodec') || false;
}
if (session.meshcastScreenShareCodec){
session.meshcastScreenShareCodec = session.meshcastScreenShareCodec.toLowerCase();
}
if (urlParams.has('mcab') || urlParams.has('mcaudiobitrate') || urlParams.has('meshcastab') || urlParams.has('meshcastaudiobitrate ')){
session.meshcastAudioBitrate = urlParams.get('mcab') || urlParams.get('mcaudiobitrate') || urlParams.get('meshcastab') || urlParams.get('meshcastaudiobitrate ') || 32;
session.meshcastAudioBitrate = parseInt(session.meshcastAudioBitrate);
}
if (urlParams.has('mccodec') || urlParams.has('meshcastcodec')){
session.meshcastCodec = urlParams.get('mccodec') || urlParams.get('meshcastcodec') || false;
}
if (session.meshcastCodec){
session.meshcastCodec = session.meshcastCodec.toLowerCase();
if (session.meshcastCodec == "h264"){
if (Firefox){
session.meshcastCodec = false;
}
}
}
if (urlParams.has('height') || urlParams.has('h')) {
session.height = urlParams.get('height') || urlParams.get('h');
session.height = parseInt(session.height);
}
if (urlParams.has('width') || urlParams.has('w')) {
session.width = urlParams.get('width') || urlParams.get('w');
session.width = parseInt(session.width);
}
if (urlParams.has('quality') || urlParams.has('q')) {
try {
session.quality = urlParams.get('quality') || urlParams.get('q') || 0;
session.quality = parseInt(session.quality);
getById("gear_screen").parentNode.removeChild(getById("gear_screen"));
getById("gear_webcam").parentNode.removeChild(getById("gear_webcam"));
} catch (e) {
errorlog(e);
}
}
if (urlParams.has('sink')) {
session.sink = urlParams.get('sink');
} else if (urlParams.has('outputdevice') || urlParams.has('od') || urlParams.has('audiooutput')) {
session.outputDevice = urlParams.get('outputdevice') || urlParams.get('od') || urlParams.get('audiooutput') || null;
if (session.outputDevice) {
session.outputDevice = session.outputDevice.toLowerCase().replace(/[\W]+/g, "_");
} else {
session.outputDevice = null;
getById("headphonesDiv3").style.display = "none"; //
}
if (session.outputDevice) {
try {
enumerateDevices().then(function(deviceInfos) {
for (let i = 0; i !== deviceInfos.length; ++i) {
if (deviceInfos[i].kind === 'audiooutput') {
if (deviceInfos[i].label.replace(/[\W]+/g, "_").toLowerCase().includes(session.outputDevice)) {
session.sink = deviceInfos[i].deviceId;
log("AUDIO OUT DEVICE: " + deviceInfos[i].deviceId);
break;
}
}
}
});
} catch (e) {}
}
getById("headphonesDiv").style.display = "none";
getById("headphonesDiv2").style.display = "none";
} else if (session.sink){
if (session.sink == "default"){session.sink = false;}
else {
enumerateDevices().then(function(deviceInfos) {
var matched = false;
for (let i = 0; i !== deviceInfos.length; ++i) {
if (deviceInfos[i].kind === 'audiooutput') {
if (deviceInfos[i].deviceId == session.sink) {
matched = true;
break;
}
}
}
if (!matched){
session.sink = false; // make sure any saved output device exists.
}
});
}
}
if (window.obsstudio || (navigator.userAgent.toLowerCase().indexOf(' electron/') > -1)){
session.fullscreen = true;
} else if (urlParams.has('fullscreen')) {
session.fullscreen = true;
}
if (urlParams.has('stats')) {
session.statsMenu = true;
}
if (urlParams.has('cleandirector') || urlParams.has('cdv')) {
session.cleanDirector = true;
}
if (urlParams.has('hidetranslate')) {
getById("translateButton").style.display = "none";
}
if (session.cleanOutput){
session.screensharebutton = false;
getById("translateButton").style.display = "none";
getById("credits").style.display = "none";
getById("header").style.display = "none";
getById("controlButtons").style.display = "none";
getById("helpbutton").style.display = "none";
getById("helpbutton").style.opacity = 0;
getById("reportbutton").style.display = "none";
getById("reportbutton").style.opacity = 0;
getById("calendarButton").style.display = "none";
getById("calendarButton").style.opacity = 0;
document.documentElement.style.setProperty('--myvideo-background', '#0000');
var styleTmp = document.createElement('style');
styleTmp.innerHTML = `
video {
background-image: none;
}
`;
document.head.appendChild(styleTmp);
}
getById("credits").innerHTML = "Version: " + session.version + " - " + getById("credits").innerHTML;
if (urlParams.has('ssb') || urlParams.has('screensharebutton')) {
session.screensharebutton = true;
}
if (urlParams.has('hideheader') || urlParams.has('noheader') || urlParams.has('hh')) { // needs to happen the room and permaid applications
getById("header").style.display = "none";
getById("header").style.opacity = 0;
} else if (urlParams.has('showheader')) { // needs to happen the room and permaid applications
getById("header").style.display = "inherit";
getById("header").style.opacity = 1;
}
if (urlParams.has('minidirector')) {
try {
var cssStylesheet = document.createElement('link');
cssStylesheet.rel = 'stylesheet';
cssStylesheet.type = 'text/css';
cssStylesheet.media = 'screen';
cssStylesheet.href = 'minidirector.css';
document.getElementsByTagName('head')[0].appendChild(cssStylesheet);
} catch (e) {
errorlog(e);
}
}
if (urlParams.has('postinterval')){ // interval to post snapimage images
session.postInterval = urlParams.get('postinterval') || session.postInterval;
session.postInterval = parseInt(session.postInterval) || 60;
if (session.postInterval<5){
session.postInterval = 5;
}
}
if (urlParams.has('postimage')){
var postURL = decodeURIComponent(urlParams.get('postimage')) || session.postURL; // default will post to https://temp.vdo.ninja/images/STREAMIDHERE.jpg
setInterval(function(postURL){
try {
uploadImageSnapshot(postURL);
} catch(e){}
}, session.postInterval*1000 , postURL);
}
if (urlParams.has('cleanish')) {
session.cleanish = true;
}
if (urlParams.has('channels')) { // must be loaded before channelOffset
session.audioChannels = parseInt(urlParams.get('channels')); // for audio output ; not input. see: &channelcount instead.
session.offsetChannel = 0;
log("max channels is 32; channels offset");
session.audioEffects = true;
}
if (urlParams.has('channeloffset')) {
session.offsetChannel = parseInt(urlParams.get('channeloffset'));
log("max channels is 32; channels offset");
session.audioEffects = true;
}
if (urlParams.has('enhance')) {
//if (parseInt(urlParams.get('enhance')>0){
session.enhance = true; //parseInt(urlParams.get('enhance'));
//}
}
if (urlParams.has('degrade')) {
session.degrade = urlParams.get('degrade') || true; // Firefox, and maybe Safari, supported I think.
// the possible values are maintain-framerate, maintain-resolution, or balanced. The default value is balanced
}
if (urlParams.has('maxviewers') || urlParams.has('mv')) {
session.maxviewers = urlParams.get('maxviewers') || urlParams.get('mv');
if (session.maxviewers.length == 0) {
session.maxviewers = 1;
} else {
session.maxviewers = parseInt(session.maxviewers);
}
log("maxviewers set");
}
if (urlParams.has('maxpublishers') || urlParams.has('mp')) {
session.maxpublishers = urlParams.get('maxpublishers') || urlParams.get('mp');
if (session.maxpublishers.length == 0) {
session.maxpublishers = 1;
} else {
session.maxpublishers = parseInt(session.maxpublishers);
}
log("maxpublishers set");
}
if (urlParams.has('maxconnections') || urlParams.has('mc')) {
session.maxconnections = urlParams.get('maxconnections') || urlParams.get('maxconnections');
if (session.maxconnections.length == 0) {
session.maxconnections = 1;
} else {
session.maxconnections = parseInt(session.maxconnections);
}
log("maxconnections set");
}
if (urlParams.has('secure')) {
session.security = true;
if (!(session.cleanOutput)) {
delayedStartupFuncs.push([warnUser, "Enhanced Security Mode Enabled."]);
}
}
if (urlParams.has('random') || urlParams.has('randomize')) {
session.randomize = true;
}
if (urlParams.has('frameRate') || urlParams.has('fr') || urlParams.has('fps')) {
session.frameRate = urlParams.get('frameRate') || urlParams.get('fr') || urlParams.get('fps');
session.frameRate = parseInt(session.frameRate);
log("frameRate Changed");
log(session.frameRate);
}
if (urlParams.has('tz')){
session.tz = urlParams.get('tz');
if ((session.tz === null) || (session.tz === "")){
session.tz = false;
} else {
session.tz = parseInt(session.tz);
}
}
if (urlParams.has('maxframeRate') || urlParams.has('mfr') || urlParams.has('mfps')) {
session.maxframeRate = urlParams.get('maxframeRate') || urlParams.get('mfr') || urlParams.get('mfps');
session.maxframeRate = parseInt(session.maxframeRate);
log("max frameRate assigned");
log(session.maxframeRate);
}
if (urlParams.has('buffer')) { // needs to be before sync
if ((ChromeVersion > 50) && (ChromeVersion< 78)){
} else {
session.buffer = parseFloat(urlParams.get('buffer')) || 0;
log("buffer Changed: " + session.buffer);
//session.sync = 0;
//session.audioEffects = true;
}
}
if (urlParams.has('panning') || urlParams.has('pan')) {
session.panning = urlParams.get('panning') || urlParams.get('pan');
if (session.panning===""){
session.panning=true
}
session.audioEffects = true;
}
if (urlParams.has('sync')) {
if ((ChromeVersion > 50) && (ChromeVersion< 78)){
} else {
session.sync = parseFloat(urlParams.get('sync'));
log("sync Changed; in milliseconds. If not set, defaults to auto.");
log(session.sync);
session.audioEffects = true;
if (session.buffer === false) {
session.buffer = 0;
}
}
}
if (urlParams.has('mirror')) {
if (urlParams.get('mirror') == "3") {
getById("main").classList.add("mirror");
} else if (urlParams.get('mirror') == "2") {
session.mirrored = 2;
} else if (urlParams.get('mirror') == "0") {
session.mirrored = 0;
} else if (urlParams.get('mirror') == "false") {
session.mirrored = 0;
} else if (urlParams.get('mirror') == "off") {
session.mirrored = 0;
} else {
session.mirrored = 1;
}
}
if (urlParams.has('flip')) {
if (urlParams.get('flip') == "0") {
session.flipped = false;
} else if (urlParams.get('flip') == "false") {
session.flipped = false;
} else if (urlParams.get('flip') == "off") {
session.flipped = false;
} else {
session.flipped = true;
}
}
if ((session.mirrored) && (session.flipped)) {
try {
log("Mirror all videos");
var mirrorStyle = document.createElement('style');
mirrorStyle.innerHTML = "video {transform: scaleX(-1) scaleY(-1); }";
document.getElementsByTagName("head")[0].appendChild(mirrorStyle);
} catch (e) {
errorlog(e);
}
} else if (session.mirrored) { // mirror the video horizontally
try {
log("Mirror all videos");
var mirrorStyle = document.createElement('style');
mirrorStyle.innerHTML = "video {transform: scaleX(-1);}";
document.getElementsByTagName("head")[0].appendChild(mirrorStyle);
} catch (e) {
errorlog(e);
}
} else if (session.flipped) { // mirror the video vertically
try {
log("Mirror all videos");
var mirrorStyle = document.createElement('style');
mirrorStyle.innerHTML = "video {transform: scaleY(-1);}";
document.getElementsByTagName("head")[0].appendChild(mirrorStyle);
} catch (e) {
errorlog(e);
}
}
if (urlParams.has('icefilter')) {
log("ICE FILTER ENABLED");
session.icefilter = urlParams.get('icefilter');
}
//if (!(ChromeVersion>=57)){
// getById("effectSelector").disabled=true;
// getById("effectSelector3").disabled=true;
// getById("effectSelector").title = "Effects are only support on Chromium-based browsers";
// getById("effectSelector3").title = "Effects are only support on Chromium-based browsers";
// var elementsTmp = document.querySelectorAll('[data-effectsNotice]');
// for (let i = 0; i < elementsTmp.length; i++) {
// elementsTmp[i].style.display = "inline-block";
// }
//}
if (urlParams.has('viewereffect') || urlParams.has('viewereffects') || urlParams.has('ve')) {
session.viewereffects = parseInt(urlParams.get('viewereffect')) || parseInt(urlParams.get('ve')) || false;
}
if (urlParams.has('activespeaker') || urlParams.has('speakerview') || urlParams.has('sas')){
session.activeSpeaker = urlParams.get('activespeaker') || urlParams.get('speakerview') || urlParams.get('sas') || 1;
session.activeSpeaker = parseInt(session.activeSpeaker);
session.style=6;
session.audioEffects = true;
session.audioMeterGuest = true;
session.minipreview = 2;
if ((session.activeSpeaker==1) || (session.activeSpeaker==3)){
session.animatedMoves = false;
}
session.fadein=true;
document.querySelector(':root').style.setProperty('--fadein-speed', 0.5);
setInterval(function(){activeSpeaker(false);},100);
} else if (urlParams.has('noisegate') || urlParams.has('gating') || urlParams.has('gate') ||urlParams.has('ng')){
session.quietOthers = urlParams.get('noisegate') || urlParams.get('gating') || urlParams.get('gate') || urlParams.get('ng') || 1;
session.quietOthers = parseInt(session.quietOthers);
if (session.quietOthers == 1){
session.quietOthers = false;
session.noisegate = true;
session.audioEffects = true;
session.audioMeterGuest = true;
} else if (session.quietOthers == 4){
session.quietOthers = 1;
session.audioEffects = true;
session.audioMeterGuest = true;
setInterval(function(){activeSpeaker(false);},100);
} else if (!session.quietOthers){
session.noisegate = false;
session.quietOthers = false;
} else {
session.audioEffects = true;
session.audioMeterGuest = true;
setInterval(function(){activeSpeaker(false);},100);
}
}
if (urlParams.has('noisegatesettings')){
session.noisegateSettings = urlParams.get('noisegatesettings');
session.noisegateSettings = session.noisegateSettings.split(",");
}
if (urlParams.has('fadein')) {
session.fadein=true;
if (urlParams.get('fadein') || 0){
try {
var fadeinspeed = parseInt(urlParams.get('fadein') || 0)/1000.0;
fadeinspeed+="s";
document.querySelector(':root').style.setProperty('--fadein-speed', fadeinspeed);
} catch(e){errorlog("variable css failed");}
} else {
try {
var fadeinspeed = 0.5;
fadeinspeed+="s";
document.querySelector(':root').style.setProperty('--fadein-speed', fadeinspeed);
} catch(e){errorlog("variable css failed");}
}
}
if (urlParams.has('animated') || urlParams.has('animate')){
session.animatedMoves = urlParams.get('animated') || urlParams.get('animate');
if (session.animatedMoves === "false") {
session.animatedMoves = false;
} else if (session.animatedMoves === "0") {
session.animatedMoves = false;
} else if (session.animatedMoves === "no") {
session.animatedMoves = false;
} else if (session.animatedMoves === "off") {
session.animatedMoves = false;
} else {
session.animatedMoves = parseInt(session.animatedMoves) || 100;
}
if (session.animatedMoves>200){
session.animatedMoves = 200;
}
} else if (session.mobile){
session.animatedMoves=false;
}
if (urlParams.has('meter') || urlParams.has('meterstyle')){ // same as also adding &style=3
session.meterStyle = urlParams.get('meter') || urlParams.get('meterstyle') || 1;
session.meterStyle = parseInt(session.meterStyle);
session.style=3;
session.audioEffects = true;
}
if (urlParams.has('directorchat') || urlParams.has('dc')){
session.directorChat = true;
}
if (urlParams.has('style') || urlParams.has('st')) {
session.style = urlParams.get('style') || urlParams.get('st');
if ((parseInt(session.style) === 0) || (session.style == "controls")) { // no audio only
session.style = 0;
} else if ((parseInt(session.style) == 1) || (session.style == "justvideo")) { // no audio only
session.style = 1;
} else if ((parseInt(session.style) == 2) || (session.style == "waveform")) { // audio waveform
session.style = 2;
session.audioEffects = true; ////!!!!!!! Do I want to enable the audioEffects myself? or do it here?
} else if ((parseInt(session.style) == 3) || (session.style == "volume")) { // audio meter ; see &meterstyle , where optios include default(false), 1, and 2.
session.style = 3;
session.audioEffects = true;
} else if (parseInt(session.style) == 4) { // black background
session.style = 4;
} else if (parseInt(session.style) == 5) { // random colored background
session.style = 5;
} else if (parseInt(session.style) == 7) { // shows video elements for all connections; even those without video/audio
session.style = parseInt(session.style);
session.showall = true;
} else if (parseInt(session.style)) { // 6 is the first letter of the name, surrounded with a colored circle
session.style = parseInt(session.style);
} else {
session.style = 1;
}
}
//if (session.style){
// getById("toggleWaveformButton").classList.remove("hidden");
//}
if (urlParams.has('showall')){ // just an alternative; might be compoundable
session.showall = true;
}
if (urlParams.has('samplerate') || urlParams.has('sr')) {
session.sampleRate = parseInt(urlParams.get('samplerate')) || parseInt(urlParams.get('samplerate')) || 48000;
if (session.audioCtx) {
session.audioCtx.close(); // close the default audio context.
}
session.audioCtx = new AudioContext({ // create a new audio context with a higher sample rate.
sampleRate: session.sampleRate
});
session.audioEffects = true;
}
// if (session.audioCodec === "lyra"){ // WIP. does not work
// try {
// var { default: Module } = await import('./thirdparty/lyra/webassembly_codec_wrapper.js');
// await Module().then((module) => {
// console.log("Initialized codec's wasmModule.");
// session.lyraCodecModule = module;
// }).catch(e => {
// console.log(`Module() error: ${e.name} message: ${e.message}`);
// });
// } catch(e){
// errorlog(e);
// }
// if (session.lyraCodecModule){
// console.log("Lyra module loaded");
// session.micSampleRate = 16000;
// session.encodedInsertableStreams = true;
// } else {
// console.log("Lyra module failed to load");
// }
// }
if (urlParams.has("insertablestreams")){
session.encodedInsertableStreams = true;
}
if (urlParams.has('micsamplerate') || urlParams.has('msr')) {
session.micSampleRate = parseInt(urlParams.get('micsamplerate')) || parseInt(urlParams.get('msr')) || 48000;
}
if (urlParams.has('noaudioprocessing') || urlParams.has('noap')) {
session.disableWebAudio = true; // default true; might be useful to disable on slow or old computers?
session.disableViewerWebAudioPipeline = true; // this has the potential to break things.
session.audioEffects = false; // disable audio inbound effects also.
session.audioMeterGuest = false;
if (session.noisegate===null){
session.noisegate = false;
}
}
// For info, see this: https://developer.mozilla.org/en-US/docs/Web/API/RTCIceCandidatePairStats/availableOutgoingBitrate
if (urlParams.has('maxbandwidth')) { // limits the bitrate based on the outbound total available bandwidth; chromium-based
session.maxBandwidth = urlParams.get('maxbandwidth') || 80; // 0 to 100; will reduce bitrate as a percentage of available
session.maxBandwidth = parseInt(session.maxBandwidth);
if (session.maxBandwidth > 200){ // will over ride default 2500kbps if no bitrate is specified
session.maxBandwidth = 200;
} else if (session.maxBandwidth<0){
session.maxBandwidth = 0;
}
}
if (urlParams.has('iframetarget')) {
session.iframetarget = urlParams.get('iframetarget'); // speciifies the IFRAME Hostname target
if (session.iframetarget){
session.iframetarget = decodeURIComponent(session.iframetarget);
} else {
session.iframetarget = window.location.hostname;
}
}
if (urlParams.has('sendframes')) {
session.sendframes = urlParams.get('sendframes');
if(session.sendframes){
session.sendframes = decodeURIComponent(session.sendframes);
} else {
session.sendframes = session.iframetarget || "*";
}
}
if (urlParams.has('tcp')){ // forces the TURN servers to use TCP mode; still need to add &private to force TURN also tho
session.forceTcpMode = true;
}
if (urlParams.has('stun')) {
var stunstring = urlParams.get('stun');
stunstring = stunstring.split(";");
if (stunstring[0] !== "false") { // false disables the TURN server. Useful for debuggin
var stun = {};
if (stunstring.length==3){
stun.username = stunstring[0]; // myusername
stun.credential = stunstring[1]; //mypassword
stun.urls = [stunstring[2]]; // ["turn:turn.obs.ninja:443"];
} else if (stunstring.length==1){
stun.urls = [stunstring[0]];
}
session.stunServers = [stun];
} else {
session.stunServers = [];
}
}
if (urlParams.has('addstun')) {
var stunstring = urlParams.get('addstun');
stunstring = stunstring.split(";");
var stun = {};
if (stunstring.length==3){
stun.username = stunstring[0]; // myusername
stun.credential = stunstring[1]; //mypassword
stun.urls = [stunstring[2]]; // ["turn:turn.obs.ninja:443"];
} else if (stunstring.length==1){
stun.urls = [stunstring[0]];
}
session.stunServers = session.stunServers.concat(stun);
}
if (urlParams.has('turn')) {
var turnstring = urlParams.get('turn');
if (turnstring == "twilio") { // a sample function on loading remote credentials for TURN servers.
try {
session.ws = false; // prevents connection
var twillioRequest = new XMLHttpRequest();
twillioRequest.onreadystatechange = function() {
if (twillioRequest.status === 200) {
try{
var res = JSON.parse(twillioRequest.responseText);
} catch(e){return;}
session.configuration = {
iceServers: [{
"username": res["1"],
"credential": res["2"],
"url": "turn:global.turn.twilio.com:3478?transport=tcp",
"urls": "turn:global.turn.twilio.com:3478?transport=tcp"
},
{
"username": res["1"],
"credential": res["2"],
"url": "turn:global.turn.twilio.com:443?transport=tcp",
"urls": "turn:global.turn.twilio.com:443?transport=tcp"
}
],
sdpSemantics: 'unified-plan' // future-proofing
};
if (session.ws===false){
session.ws=null; // allows connection (clears state)
session.connect(); // connect if not already connected.
}
}
// system does not connect if twilio API does not respond.
};
twillioRequest.open('GET', 'https://turn.example.com:443/twilio', true); // `false` makes the request synchronous
twillioRequest.send();
} catch (e) {
errorlog("Twilio Failed");
}
} else if (turnstring == "nostun") { // disable TURN servers
session.configuration = {
sdpSemantics: 'unified-plan' // future-proofing
};
} else if ((turnstring == "false") || (turnstring == "off") || (turnstring == "0")) { // disable TURN servers
session.configuration = {
iceServers: session.stunServers,
sdpSemantics: 'unified-plan' // future-proofing
};
} else {
try {
//session.configuration = {iceServers: [], sdpSemantics: 'unified-plan'};
turnstring = turnstring.split(";");
if (turnstring !== "false") { // false disables the TURN server. Useful for debuggin
var turn = {};
if (turnstring.length==3){
turn.username = turnstring[0]; // myusername
turn.credential = turnstring[1]; //mypassword
turn.urls = [turnstring[2]]; // ["turn:turn.obs.ninja:443"];
} else if (turnstring.length==1){
turn.urls = [turnstring[0]];
}
session.configuration = {
iceServers: session.stunServers,
sdpSemantics: 'unified-plan' // future-proofing
};
session.configuration.iceServers.push(turn);
}
} catch (e) {
if (!(session.cleanOutput)) {
warnUser("TURN server parameters were wrong.");
}
errorlog(e);
}
}
}
if (urlParams.has('speedtest')){ // must set this after any custom TURN / STUN settings, else it might over-ride them.
session.speedtest = true;
if (urlParams.get('speedtest')){ // forces essentially UDP mode, unless TCP is specified, and some other stuff
session.speedtest = urlParams.get('speedtest').toLowerCase(); // also limits bitrate
}
setupSpeedtest();
}
if (urlParams.has('privacy') || urlParams.has('private') || urlParams.has('relay')) { // please only use if you are also using your own TURN service.
session.privacy = true;
try { // I'll re-apply this in the setupSpeedtest() promise callback, just to be case.
if (session.configuration){ // this needs to set last, otherwise it might be overridden
session.configuration.iceTransportPolicy = "relay"; // https://developer.mozilla.org/en-US/docs/Web/API/RTCIceCandidate/address
}
} catch (e) {
if (!(session.cleanOutput)) {
warnUser("Privacy mode failed to configure.");
}
errorlog(e);
}
if (session.speedtest){
warnlog("Bitrate being throttled to max of 6000 kbps");
if (session.maxvideobitrate !== false) {
if (session.maxvideobitrate > 6000) {
session.maxvideobitrate = 6000; // Please feel free to get rid of this if using your own TURN servers...
}
} else {
session.maxvideobitrate = 6000; // don't let people pull more than 6000 from you
}
if (session.bitrate !== false) {
if (session.bitrate > 6000) {
session.bitrate = 6000; // Please feel free to get rid of this if using your own TURN servers...
}
}
} else {
warnlog("Bitrate being throttled to max of 3000 kbps");
if (session.maxvideobitrate !== false) {
if (session.maxvideobitrate > 4000) {
session.maxvideobitrate = 4000; // Please feel free to get rid of this if using your own TURN servers...
}
} else {
session.maxvideobitrate = 4000; // don't let people pull more than 3000 from you
}
if (session.bitrate !== false) {
if (session.bitrate > 4000) {
session.bitrate = 4000; // Please feel free to get rid of this if using your own TURN servers...
}
}
}
}
if (urlParams.has('wss')) {
session.customWSS = true;
if (urlParams.get('wss')) {
session.wss = urlParams.get('wss');
if (!session.wss.startsWith("wss://")){
session.wss = "wss://" + session.wss;
}
}
}
if (urlParams.has("bypass")){
session.bypass = true;
session.customWSS = true;
}
if (urlParams.has('osc') || urlParams.has('api')) {
if (urlParams.get('osc') || urlParams.get('api')) {
session.api = urlParams.get('osc') || urlParams.get('api') || false;
if (session.api){
setTimeout(function(){oscClient();},1000);
}
}
}
if (urlParams.has('queue')) {
session.queue = true;
}
if (urlParams.has('push') || urlParams.has('id') || urlParams.has('permaid') ) {
session.permaid = urlParams.get('push') || urlParams.get('id') || urlParams.get('permaid');
if (session.permaid) {
session.streamID = sanitizeStreamID(session.permaid);
} else {
session.permaid = null;
}
if (urlParams.has('push')){
updateURL("push="+session.streamID, true, false);
} else if (urlParams.has('id')){
updateURL("id="+session.streamID, true, false); // not 'officially' supporting this yet; we'll see.
} else if (urlParams.has('permaid')){
updateURL("permaid="+session.streamID, true, false);
} else {
updateURL("push="+session.streamID, true, false);
}
if (session.director) { // if I do a short form of this, it will cause duplications in the code elsewhere.
//var director_room_input = urlParams.get('director');
//director_room_input = sanitizeRoomName(director_room_input);
//createRoom(director_room_input);
session.permaid = false; // used to avoid a trigger later on.
} else {
getById("container-1").className = 'column columnfade hidden';
getById("container-4").className = 'column columnfade hidden';
getById("dropButton").className = 'column columnfade hidden';
getById("info").innerHTML = "";
if (session.videoDevice === 0) {
miniTranslate(getById("add_camera"), "share-your-mic", "Share your Microphone");
} else {
miniTranslate(getById("add_camera"), "share-your-camera", "Share your Camera");
}
miniTranslate(getById("add_screen"), "share-your-screen", "Share your Screen");
getById("container-2").title = getById("add_screen").innerText;
getById("container-3").title = getById("add_camera").innerText;
getById("passwordRoom").value = "";
getById("videoname1").value = "";
getById("dirroomid").innerHTML = "";
getById("roomid").innerHTML = "";
getById("mainmenu").style.alignSelf = "center";
getById("mainmenu").classList.add("mainmenuclass");
getById("header").style.alignSelf = "center";
//if ((iOS) || (iPad)) {
//getById("header").style.display = "none"; // just trying to free up space.
//}
if (session.webcamonly == true) { // mobile or manual flag 'webcam' pflag set
getById("head1").innerHTML = '<font style="color:#CCC;" data-translate="please-accept-permissions">- Please accept any camera permissions</font>';
} else {
getById("head1").innerHTML = '<br /><font style="color:#CCC" data-translate="please-select-which-to-share">- Please select which you wish to share</font>';
}
}
}
if (session.roomid || urlParams.has('roomid') || urlParams.has('r') || urlParams.has('room') || filename || (session.permaid !== false)) {
var roomid = "";
if (urlParams.has('room')) { // needs to be first; takes priority
roomid = urlParams.get('room');
} else if (urlParams.has('roomid')) {
roomid = urlParams.get('roomid');
} else if (urlParams.has('r')) {
roomid = urlParams.get('r');
} else if (session.roomid) {
roomid = session.roomid;
} else if (filename) {
roomid = filename;
}
session.roomid = sanitizeRoomName(roomid);
}
if ((session.permaid===false) && (session.roomid===false) && (session.view===false) && (session.effect===false) && (session.director===false)){
session.effect = null;
}
if (urlParams.has('effects') || urlParams.has('effect')) {
session.effect = urlParams.get('effects') || urlParams.get('effect') || null;
}
if (window.FaceDetector !== undefined){
document.querySelectorAll(".facetracker").forEach(ele=>{
ele.disabled = null;
ele.removeAttribute("disabled");
ele.title = "Will slowly pan, tilt, and zoom in on the first face detected";
});
}
if (urlParams.has('imagelist')){ // "&imagelist="+encodeURIComponent(JSON.stringify(["./media/bg_sample.webp", "./media/bg_sample2.webp"]))
var imageList = urlParams.get('imagelist'); //
if (imageList){
try {
imageList = JSON.parse(decodeURIComponent(imageList));
} catch(e){
console.error(e);
}
if (imageList.length){
session.defaultBackgroundImages = imageList; // ["./media/bg_sample.webp", "./media/bg_sample2.webp"]
} else {
warnlog("empty image array; skipping");
}
}
}
if (session.effect!==false){
if (session.effect === null){
getById("effectsDiv").style.display = "block";
session.effect = "0";
} else if (session.effect === "0" || session.effect === "false" || session.effect === "off" || session.effect === 0){
session.effect = false;
getById("effectSelector3").style.display = "none";
getById("effectsDiv3").style.display = "none";
getById("effectSelector").style.display = "none";
getById("effectsDiv").style.display = "none";
}
if (session.effect === "5"){
loadTFLITEImages();
getById("effectSelector").style.display = "none";
getById("effectsDiv").style.display = "block";
}
if (session.effect === "3a"){ // heavier blur
session.effectValue = 5;
session.effect = "3";
} else if (session.effect === "3"){
session.effectValue = 2;
} else if (session.effect === "7"){
session.effectValue = 1;
}
// mirror == 2
// face == 1
// blur = 3
// green = 4
// image = 5
}
if (urlParams.has('effectvalue') || urlParams.has('ev')) {
session.effectValue = parseInt(urlParams.get('effectvalue')) || parseInt(urlParams.get('ev')) || 0;
session.effectValue_default = session.effectValue;
}
if (session.webcamonly == true) {
if (session.introButton){
getById("container-2").className = 'column columnfade hidden'; // Hide screen share
getById("head3").classList.add('hidden');
getById("head3a").classList.add('hidden');
} else {
getById("container-2").className = 'column columnfade hidden'; // Hide screen share
getById("container-3").classList.add("skip-animation");
getById("container-3").classList.remove('pointer');
delayedStartupFuncs.push([previewWebcam]);
}
}
if (session.introOnClean && (session.permaid===false) && (session.roomid===false)){
//getById("container-2").className = 'column columnfade hidden'; // Hide screen share
getById("head3").classList.add('hidden');
getById("head3a").classList.add('hidden');
} else if (session.introOnClean && (session.scene===false) && ((session.permaid!==false || session.roomid!==false))){
getById("container-2").className = 'column columnfade hidden'; // Hide screen share
getById("container-3").classList.add("skip-animation");
getById("container-3").classList.remove('pointer');
delayedStartupFuncs.push([previewWebcam]);
}
//if (!session.director && ((ChromeVersion == 86) || (ChromeVersion == 77) || (ChromeVersion == 62) || (ChromeVersion == 51)) && (((session.permaid===false) && session.view) || (session.scene!==false))){
// session.studioSoftware = true; // vmix
if (window.obsstudio){
session.studioSoftware = true;
}
if (session.cleanViewer){
if (session.view && !session.director && session.permaid===false){
session.cleanOutput = true;
}
}
if (urlParams.has('clock')){
if (urlParams.get('clock') === "false"){
session.showTime = false;
} else if (urlParams.get('clock') === "0"){
session.showTime = false;
} else {
session.showTime = true;
}
} else if (session.cleanOutput){
session.showTime = false;
}
if (urlParams.has('hidescreenshare') || urlParams.has('hidess') || urlParams.has('sshide') || urlParams.has('screensharehide')) { // this way I don't need to remember what it's called. I can just guess. :D
session.screenShareElementHidden = true;
}
if (urlParams.has('sspaused') || urlParams.has('sspause') || urlParams.has('ssp')) { // this way I don't need to remember what it's called. I can just guess. :D
session.screenShareStartPaused = true;
}
if (urlParams.has('zoomedbitrate') || urlParams.has('zb')) { // this way I don't need to remember what it's called. I can just guess. :D
session.zoomedBitrate = urlParams.get('zoomedbitrate') || urlParams.get('zb') || 2500;
session.zoomedBitrate = parseInt(session.zoomedBitrate) ;
}
if (urlParams.has('screenshareid') || urlParams.has('ssid')) {
if (urlParams.get('screenshareid') || urlParams.get('ssid')) {
session.screenshareid = urlParams.get('screenshareid') || urlParams.get('ssid');
session.screenshareid = sanitizeStreamID(session.screenshareid);
} else {
session.screenshareid = session.streamID + "_ss";
}
}
if (urlParams.has('screensharevideoonly') || urlParams.has('ssvideoonly') || urlParams.has('ssvo')) {
session.screenshareVideoOnly = true;
}
if (urlParams.has('screensharefps') || urlParams.has('ssfps')) {
if (urlParams.get('screensharefps') || urlParams.get('ssfps')) {
session.screensharefps = urlParams.get('screensharefps') || urlParams.get('ssfps');
session.screensharefps = parseInt(session.screensharefps) || 2;
}
}
if (urlParams.has('screensharequality') || urlParams.has('ssq')) {
if (urlParams.get('screensharequality') || urlParams.get('ssq')) {
session.screensharequality = urlParams.get('screensharequality') || urlParams.get('ssq');
session.screensharequality = parseInt(session.screensharequality) || 0;
try {
getById("gear_screen").parentNode.removeChild(getById("gear_screen"));
} catch(e){}
}
}
if (urlParams.has('screensharebitrate') || urlParams.has('ssbitrate')) {
session.screenShareBitrate = urlParams.get('screensharebitrate') || urlParams.get('ssbitrate');
session.screenShareBitrate = parseInt(session.screenShareBitrate) || 2500;
}
if (urlParams.has('screensharelabel') || urlParams.has('sslabel')) {
session.screenShareLabel = urlParams.get('screensharelabel') || urlParams.get('sslabel');
session.screenShareLabel = decodeURIComponent(session.screenShareLabel);
session.screenShareLabel = session.screenShareLabel.replace(/_/g, " ")
}
if (session.roomid!==false){
if (!(session.cleanOutput)) {
if (session.roomid === "test") {
if (session.password === session.defaultPassword) {
window.focus();
var testRoomResponse = confirm(miscTranslations["room-test-not-good"]);
if (testRoomResponse == false) {
hangup();
throw new Error("User requested to not enter room 'room'.");
}
}
}
}
if (session.audioDevice === false && session.outputDevice === false) {
getById("headphonesDiv2").style.display = "inline-block";
getById("headphonesDiv").style.display = "inline-block";
}
getById("addPasswordBasic").style.display = "none";
getById("info").innerHTML = "";
getById("info").style.color = "#CCC";
getById("videoname1").value = session.roomid;
getById("dirroomid").innerText = session.roomid;
getById("roomid").innerText = session.roomid;
getById("container-1").className = 'column columnfade hidden';
getById("container-4").className = 'column columnfade hidden';
// container 5 is share media file; 6 is share website
getById("container-7").style.display = 'none';
getById("container-8").style.display = 'none';
getById("container-9").style.display = 'none';
getById("container-10").style.display = 'none';
getById("container-11").style.display = 'none';
getById("container-12").style.display = 'none';
getById("container-13").style.display = 'none';
getById("container-14").style.display = 'none';
getById("container-15").style.display = 'none';
getById("mainmenu").style.alignSelf = "center";
getById("mainmenu").classList.add("mainmenuclass");
getById("header").style.alignSelf = "center";
if (session.webcamonly == true) { // mobile or manual flag 'webcam' pflag set
getById("head1").innerHTML = '';
} else {
getById("head1").innerHTML = '<font style="color:#CCC" data-translate="please-select-option-to-join">Please select an option to join.</font>';
}
if (session.roomid.length > 0) {
if (session.videoDevice === 0) {
if (session.audioDevice === 0) {
miniTranslate(getById("add_camera"), "join-room", "Join room");
} else {
miniTranslate(getById("add_camera"), "join-room-with-mic", "Join room with Microphone");
}
} else {
miniTranslate(getById("add_camera"), "join-room-with-camera", "Join Room with Camera");
}
miniTranslate(getById("add_screen"), "share-screen-with-room", "Screenshare with Room");
} else {
if (session.videoDevice === 0) {
miniTranslate(getById("add_camera"), "share-your-mic", "Share your Microphone");
} else {
miniTranslate(getById("add_camera"), "share-your-camera", "Share your Camera");
}
miniTranslate(getById("add_screen"), "share-your-screen", "Share your Screen");
}
getById("head3").classList.add('hidden');
getById("head3a").classList.add('hidden');
getById("container-2").title = getById("add_screen").innerText;
getById("container-3").title = getById("add_camera").innerText;
if (session.scene !== false) {
getById("container-4").className = 'column columnfade';
getById("container-3").className = 'column columnfade';
getById("container-2").className = 'column columnfade';
getById("container-1").className = 'column columnfade';
getById("header").className = 'hidden';
getById("info").className = 'hidden';
getById("head1").className = 'hidden';
getById("head2").className = 'hidden';
getById("mainmenu").style.display = "none";
getById("translateButton").style.display = "none";
log("Update Mixer Event on REsize SET");
window.onresize = updateMixer;
window.onorientationchange = function(){
setTimeout(updateMixer, 200);
};
joinRoom(session.roomid); // this is a scene, so we want high resolutions
getById("main").style.overflow = "hidden";
if (session.chatbutton === true) {
getById("chatbutton").classList.remove("hidden");
getById("controlButtons").style.display = "inherit";
} else if (session.chatbutton === false) {
getById("chatbutton").classList.add("hidden");
}
} else if ((session.permaid === null) && (session.roomid == "")) {
if (!(session.cleanOutput)) {
getById("head3").classList.remove('hidden');
getById("head3a").classList.remove('hidden');
}
} else if ((window.obsstudio) && (session.permaid === false) && (session.director === false) && (session.view) &&(session.roomid.length>0)) { // we already know roomid !== false
updateURL("scene", true, false); // we also know it's not a scene, but we will assume it is in this specific case.
}
} else if (urlParams.has('director') || urlParams.has('dir')) { // if I do a short form of this, it will cause duplications in the code elsewhere.
if (directorLanding == false) {
var director_room_input = urlParams.get('director') || urlParams.get('dir');
director_room_input = sanitizeRoomName(director_room_input);
log("director_room_input:" + director_room_input);
if (urlParams.has('codirector') || urlParams.has('directorpassword') || urlParams.has('dirpass') || urlParams.has('dp')) {
session.directorPassword = urlParams.get('codirector') || urlParams.get('directorpassword') || urlParams.get('dirpass') || urlParams.get('dp');
if (!session.directorPassword) {
window.focus();
session.directorPassword = await promptAlt(miscTranslations["enter-director-password"], true);
} else {
session.directorPassword = decodeURIComponent(session.directorPassword);
}
if (session.directorPassword){
session.directorPassword = sanitizePassword(session.directorPassword)
await generateHash(session.directorPassword + session.salt + "abc123", 12).then(function(hash) { // million to one error.
log("dir room hash is " + hash);
session.directorHash = hash;
return;
}).catch(errorlog);
} else {
session.directorPassword = false;
}
}
createRoom(director_room_input);
}
if (session.chatbutton === true) {
getById("chatbutton").classList.remove("hidden");
getById("controlButtons").style.display = "inherit";
} else if (session.chatbutton === false) {
getById("chatbutton").classList.add("hidden");
}
} else if ((session.view) && (session.permaid === false)) {
//if (!session.activeSpeaker){
session.audioMeterGuest = false;
//}
if ((session.style===false) && window.obsstudio){
session.style = 1;
}
if (session.audioEffects === null) {
session.audioEffects = false;
}
log("Update Mixer Event on REsize SET");
getById("translateButton").style.display = "none";
window.onresize = updateMixer;
window.onorientationchange = function(){setTimeout(function(){
updateMixer();
}, 200);};
getById("main").style.overflow = "hidden";
if (session.chatbutton === true) {
getById("chatbutton").classList.remove("hidden");
getById("controlButtons").style.display = "inherit";
} else if (session.chatbutton === false) {
getById("chatbutton").classList.add("hidden");
}
}
if (urlParams.has('nofileshare') || urlParams.has('nodownloads') || urlParams.has('nofiles')){
session.hostedFiles = false;
session.nodownloads = true;
getById('sharefilebutton').style.display = "none";
getById('sharefilebutton').classList.add("hidden");
} else if (session.mobile){
getById('sharefilebutton').style.display = "none";
getById('sharefilebutton').classList.add("hidden");
} else if (session.roomid==false){
getById('sharefilebutton').style.display = "none";
getById('sharefilebutton').classList.add("hidden");
}
if (session.audioEffects === null) {
session.audioEffects = true;
}
if (session.audioEffects) {
getById("channelGroup1").style.display = "block";
getById("channelGroup2").style.display = "block";
}
if (urlParams.has('hidemenu') || urlParams.has('hm')) { // needs to happen the room and permaid applications
getById("mainmenu").style.display = "none";
getById("header").style.display = "none";
getById("mainmenu").style.opacity = 0;
getById("header").style.opacity = 0;
}
if (session.view) {
getById("main").className = "";
getById("credits").style.display = 'none';
try {
if (session.label === false) {
if (document.title == "") {
document.title = "View=" + session.view.toString();
} else {
document.title += ", View=" + session.view.toString();
}
}
} catch (e) {
errorlog(e);
};
}
if (urlParams.has('waitimage')){
session.waitImage = urlParams.get('waitimage') || false;
}
if (((session.view) && (session.roomid === false)) || (session.waitImage && (session.scene!==false))) {
getById("container-4").className = 'column columnfade';
getById("container-3").className = 'column columnfade';
getById("container-2").className = 'column columnfade';
getById("container-1").className = 'column columnfade';
//getById("header").className = 'hidden';
getById("info").className = 'hidden';
getById("header").className = 'hidden';
getById("head1").className = 'hidden';
getById("head2").className = 'hidden';
getById("head3").classList.add('hidden');
getById("head3a").classList.add('hidden');
getById("mainmenu").style.backgroundRepeat = "no-repeat";
getById("mainmenu").style.backgroundPosition = "bottom center";
getById("mainmenu").style.minHeight = "100%";
getById("mainmenu").style.minWidth = "100%";
getById("mainmenu").style.backgroundSize = "100px 100px";
getById("mainmenu").innerHTML = '';
getById("mainmenu").classList.remove("row");
getById("mainmenu").style.display = "block";
if (urlParams.has('waittimeout')){
session.waitImageTimeout = parseInt(urlParams.get('waittimeout')) || 0;
}
session.waitImageTimeoutObject = setTimeout(function() {
session.waitImageTimeoutObject = true;
try {
if ((session.view)) {
if (document.getElementById("mainmenu")) {
if (session.waitImage){
getById("mainmenu").innerHTML += '<img id="retryimage"/>';
getById("retryimage").src = decodeURIComponent(session.waitImage);
getById("retryimage").onerror = function(){this.style.display='none';};
if (session.cover) {
getById("retryimage").style.objectFit = "cover";
}
} else if (!(session.cleanOutput)){
getById("mainmenu").innerHTML += '<div class="retry-spinner" id="retrySpinner"></div>';
getById("retrySpinner").onclick = function(){
updateURL("cleanoutput");
location.reload();
}
getById("retrySpinner").title = miscTranslations["waiting-for-the-stream"]
}
if (urlParams.has('waitmessage')){
getById("mainmenu").innerHTML += '<div id="retrymessage"></div>';
getById("retrymessage").innerText = urlParams.get('waitmessage');
getById("retrySpinner").title = urlParams.get('waitmessage');
}
}
}
} catch (e) {
errorlog(e);
}
}, session.waitImageTimeout);
log("auto playing");
if ((iPad || iOS) && navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && SafariVersion > 13) { // Modern iOS doesn't need pop up
play();
} else if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { // Safari on Desktop does require pop up
if (!(session.cleanOutput)) {
warnUser("Safari requires us to ask for an audio permission to use peer-to-peer technology. You will need to accept it in a moment if asked to view this live video", 20000);
}
navigator.mediaDevices.getUserMedia({
audio: true
}).then(function() {
closeModal();
play();
}).catch(function() {
play();
});
} else { // everything else is OK.
play();
}
} else if (session.roomid) {
try {
if (session.label === false) {
if (document.title == "") {
document.title = "Room=" + session.roomid.toString();
} else {
document.title += ": " + session.roomid.toString();
}
}
} catch (e) {
errorlog(e);
};
}
hideHomeCheck();
setTimeout(function(){
for (var i in delayedStartupFuncs) {
var cb = delayedStartupFuncs[i];
log(cb.slice(1));
cb[0](...cb.slice(1)); // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#A_better_apply
}
delayedStartupFuncs = [];
},50);
if ((session.effect=="3") || (session.effect=="4") || (session.effect=="5")){
attemptTFLiteJsFileLoad();
} else if (session.effect=="6"){
loadTensorflowJS();
} else if (session.effect=="9"){
session.effect="sample";
//loadEffect(session.effect);
warnUser("Loading custom effects model...",1000);
} else if (session.effect=="10"){
session.effect="dog";
//loadEffect(session.effect);
warnUser("Loading custom effects model...",1000);
} else if (session.effect=="11"){
session.effect="anon";
//loadEffect(session.effect);
warnUser("Loading custom effects model...",1000);
} else if (session.effect=="12"){
session.effect="sample";
//loadEffect(session.effect);
warnUser("Loading custom effects model...",1000);
} else if (session.effect=="facetracking"){
session.effect="1";
} else if (session.effect=="zoom"){
session.effect="7";
}
if (session.effect === "3"){
getById("selectEffectAmount").style.display = "block";
getById("selectEffectAmount3").style.display = "block";
getById("selectEffectAmountInput").value = session.effectValue;
getById("selectEffectAmountInput3").value = session.effectValue;
} else if (session.effect === "7"){
getById("selectEffectAmount").style.display = "block";
getById("selectEffectAmount3").style.display = "block";
session.effectValue = 1.0;
getById("selectEffectAmountInput").min = 1;
getById("selectEffectAmountInput").max = 1.99;
getById("selectEffectAmountInput").step = 0.01
getById("selectEffectAmountInput3").min = 1;
getById("selectEffectAmountInput3").max = 1.99;
getById("selectEffectAmountInput3").step = 0.01
getById("selectEffectAmountInput").value = session.effectValue;
getById("selectEffectAmountInput3").value = session.effectValue;
}
if (location.protocol !== 'https:') {
if (!(session.cleanOutput)) {
warnUser("SSL (https) is not enabled. This site will not work without it!<br /><br /><a href='https://"+window.location.host+window.location.pathname+window.location.search+"'>Try accessing the site from here instead.</a>", false, false);
}
}
if (session.sensorData) {
setupSensorData(parseInt(session.sensorData));
}
try {
navigator.mediaDevices.ondevicechange = reconnectDevices;
} catch (e) {
errorlog(e);
}
if (urlParams.has('autohide')) {
session.autohide=true;
}
if (session.autohide && (session.scene===false)){// && (session.roomid!==false)){
getById("main").onmouseover = showControl; // this is correct. (it's not session.showControls)
document.ontouchstart = showControl; // this is correct. (it's not session.showControls)
getById("controlButtons").classList.add("zeroHeight");
getById("gridlayout").classList.add("nocontrolbar");
}
if (urlParams.has('flagship')) {
session.flagship = true;
}
if (!session.flagship && session.mobile && (session.limitTotalBitrate===false)){
session.limitTotalBitrate = session.totalRoomBitrate_default; // 500, with the max per guest stream out at maxMobileBitrate (350kbps) or 35-kbps if more than X in the room.
}
if (urlParams.has('maxmobilebitrate')) {
session.maxMobileBitrate = parseInt(urlParams.has('maxmobilebitrate')) || 0;
}
if (urlParams.has('lowmobilebitrate')) {
session.lowMobileBitrate = parseInt(urlParams.has('lowmobilebitrate')) || 0;
}
// Please contact steve on discord.vdo.ninja if you'd like this iFRAME tweaked, expanded, etc -- it's updated based on user request
session.remoteInterfaceAPI = function(e) { // iFRAME api support
warnlog(e);
try {
if ("function" in e.data) { // these are calling in-app functions, with perhaps a callback -- TODO: add callbacks
var ret = null;
if (e.data.function === "previewWebcam") {
ret = previewWebcam();
} else if (e.data.function === "changeHTML") {
ret = getById(e.data.target);
ret.innerHTML = e.data.value;
} else if (e.data.function === "publishScreen") {
ret = publishScreen();
} else if (e.data.function === "routeMessage"){
try {
session.ws.onmessage({data: e.data.value});
} catch(e){warnlog("handshake not yet setup");}
} else if (e.data.function === "eval") {
eval(e.data.value); // eval == evil ; feedback welcomed
}
}
} catch (err) {
errorlog(err);
}
if ("sendData" in e.data) { // send generic data via p2p. Send whatever you want I guess; there is a max chunk size of course. Use filetransfer for large files?
var UUID = false;
var streamID = false;
var type = false;
if (e.data.UUID){
UUID = e.data.UUID;
} else if (e.data.streamID){
streamID = e.data.streamID;
}
if (e.data.type){
type = e.data.type;
}
var ret = session.sendGenericData(e.data.sendData, UUID, streamID, type); // comes out the other side as: ("dataReceived", data, UUID);
if (!ret){warnlog("Not connected yet or no peers available");}
return;
}
if ("PPT" in e.data){
log("PTT activated-webmain");
if (e.data.PPT === true) { // unmute
session.muted = false; // set
getById("mutebutton").classList.add("PPTActive");
log(session.muted);
toggleMute(true); // apply
} else if (e.data.PPT === false) { // mute
session.muted = true; // set
getById("mutebutton").classList.remove("PPTActive");
log(session.muted);
toggleMute(true); // apply
} else if (e.data.PPT === "toggle") { // toggle
toggleMute();
}
return; // this is a high-load call, so lets skip the rest of the checks to save cpu.
}
if ("sendChat" in e.data) {
sendChat(e.data.sendChat); // sends to all peers; more options down the road
return;
}
// Chat out gets called via getChatMessage function
// Related code: parent.postMessage({"chat": {"msg":-----,"type":----,"time":---} }, "*");
// session.requestResolution(vid.dataset.UUID, wrw*window.devicePixelRatio, hrh*window.devicePixelRatio);
if ("mic" in e.data) { // this should work for the director's mic mute button as well. Needs to be manually enabled the first time still tho.
if (e.data.mic === true) { // unmute
session.muted = false; // set
log(session.muted);
toggleMute(true); // apply
} else if (e.data.mic === false) { // mute
session.muted = true; // set
log(session.muted);
toggleMute(true); // apply
} else if (e.data.mic === "toggle") { // toggle
toggleMute();
}
}
if ("camera" in e.data) { // this should work for the director's mic mute button as well. Needs to be manually enabled the first time still tho.
if (e.data.camera === true) { // unmute
session.videoMuted = false; // set
log(session.videoMuted);
toggleVideoMute(true); // apply
} else if (e.data.camera === false) { // mute
session.videoMuted = true; // set
log(session.videoMuted);
toggleVideoMute(true); // apply
} else if (e.data.camera === "toggle") { // toggle
toggleVideoMute();
}
}
if ("keyframe" in e.data) {
session.sendKeyFrameScenes();
}
if ("groups" in e.data) {
if (typeof e.data.groups == "object"){
session.group = e.data.groups || [];
} else if (!e.data.group){
session.group = [];
} else {
session.group = e.data.groups.split(",");
}
var eleGroup = getById("groups");
eleGroup.querySelectorAll('[data-action-type="toggle-group"][data-group]').forEach(group=>{
if (!(session.group && session.group.includes(group))){
group.remove("green");
}
});
if (session.group){
session.group.forEach(group =>{
var ele = eleGroup.querySelector('[data-action-type="toggle-group"][data-group="'+group+'"');
if (!ele){
ele = document.createElement("div");
ele.dataset.actionType = "toggle-group";
ele.dataset.group = group;
ele.classList.add('float');
ele.style.display = "inline-block";
ele.role = "button";
ele.innerHTML = '<i class="my-float las la-users" aria-hidden="true"></i><br />'+group;
eleGroup.appendChild(ele);
ele.onclick = function(){
changeGroupDirectorAPI(this.dataset.group);
}
}
ele.classList.add("green");
});
}
updateMixer();
if (session.group.length || session.allowNoGroup){
session.sendMessage({"group":session.group.join(",")});
if (session.screenShareState && (session.screenshareType ===3)){
session.sendMessage({"group":session.group.join(","), altUUID:true});
}
} else {
session.sendMessage({"group":false});
if (session.screenShareState && (session.screenshareType ===3)){
session.sendMessage({"group":false, altUUID:true});
}
}
}
if ("mute" in e.data) {
if (e.data.mute === true) { // unmute
session.speakerMuted = true; // set
toggleSpeakerMute(true); // apply
} else if (e.data.mute === false) { // mute
session.speakerMuted = false; // set
toggleSpeakerMute(true); // apply
} else if (e.data.mute === "toggle") { // toggle
toggleSpeakerMute();
}
} else if ("speaker" in e.data) { // same thing as mute.
if (e.data.speaker === true) { // unmute
session.speakerMuted = false; // set
toggleSpeakerMute(true); // apply
} else if (e.data.speaker === false) { // mute
session.speakerMuted = true; // set
toggleSpeakerMute(true); // apply
} else if (e.data.speaker === "toggle") { // toggle
toggleSpeakerMute();
}
}
if ("record" in e.data) {
if (e.data.record == false) { // mute
if ("recording" in session.videoElement) {
recordLocalVideo("stop");
}
} else if (e.data.record === true){
if ("recording" in session.videoElement) {
// already recording
} else {
recordLocalVideo("start");
}
} else if (e.data.record){
var video = document.getElementById(e.data.record);
if (video){
recordLocalVideo(null, 4000, video);
}
}
}
if ("volume" in e.data) { // might not work with iframes or meshcast currently.
session.volume = parseFloat(e.data.volume) || 0;
if (session.volume > 1.0){ // this is a bit quasi improper. But the API is official 0 to 1.0; not 0 to 100, so this is mainly a catch for those not using the API right.
session.volume = session.volume/100.0;
}
if (!("target" in e.data) || (e.data.target == "*")){
if (session.videoElement){
session.videoElement.volume = session.volume;
}
}
for (var i in session.rpcs) {
try {
if (!session.rpcs[i].videoElement){continue;}
if ("streamID" in session.rpcs[i]) {
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.rpcs[i].videoElement.volume = session.volume;
}
} else {
session.rpcs[i].videoElement.volume = session.volume;
}
}
} catch (e) {
errorlog(e);
}
}
}
if ("panning" in e.data){ // panning adjusts the stereo pan , although current its UUID based. can add stream ID based if requested.
if ("UUID" in e.data){
try {
adjustPan(UUID, e.data.panning);
} catch (e) {
errorlog(e);
}
} else {
for (var i in session.rpcs) {
try {
adjustPan(i, e.data.panning);
} catch (e) {
errorlog(e);
}
}
}
}
if (("targetBitrate" in e.data) || ("targetAudioBitrate" in e.data)) { // this sets the fundemental bitrate target, but does not necessarily "lock" .
var msg = {};
if ("targetBitrate" in e.data){
msg.targetBitrate = e.data.targetBitrate;
}
if ("targetAudioBitrate" in e.data){
msg.targetAudioBitrate = e.data.targetAudioBitrate;
}
if (e.data.requestAs){
msg.requestAs = e.data.requestAs;
}
if (e.data.remote){
msg.remote = e.data.remote;
}
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) {
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.sendRequest(msg, i);
}
} else if (e.data.UUID && (e.data.UUID===i)) {
session.sendRequest(msg, i);
} else if (e.data.streamID) {
if (session.rpcs[i].streamID == e.data.streamID) { // specify a stream ID or let it apply to all videos
session.sendRequest(msg, i);
}
} else {
session.sendRequest(msg, i); // bitrate = 0 pauses the video
}
}
} catch (e) {
errorlog(e);
}
}
}
if ("manualBitrate" in e.data){
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) {
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.rpcs[i].manualBandwidth = e.data.manualBitrate;
session.requestRateLimit(false, i);
}
} else if (e.data.UUID && (e.data.UUID===i)) {
session.rpcs[i].manualBandwidth = e.data.manualBitrate;
session.requestRateLimit(false, i);
} else if (e.data.streamID) {
if (session.rpcs[i].streamID == e.data.streamID) { // specify a stream ID or let it apply to all videos
session.rpcs[i].manualBandwidth = e.data.manualBitrate
session.requestRateLimit(false, i);
}
} else {
session.rpcs[i].manualBandwidth = e.data.manualBitrate;
session.requestRateLimit(false, i);
}
}
} catch (e) {
errorlog(e);
}
}
}
if ("bitrate" in e.data) { /// set a video bitrate for a video; scene or view link; kbps
var lock = true;
if ("lock" in e.data){ // since this is the iframe API, we're going to assume the default is manual over-ride. VDO.Ninja's automixer logic won't override a locked bitrate.
lock = e.data.lock;
}
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) { // we only target publishers with this call
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.requestRateLimit(e.data.bitrate, i, false, lock);
}
} else if (e.data.UUID && (e.data.UUID===i)) {
session.requestRateLimit(e.data.bitrate, i, false, lock);
} else if (e.data.streamID) {
if (session.rpcs[i].streamID == e.data.streamID) { // specify a stream ID or let it apply to all videos
session.requestRateLimit(e.data.bitrate, i, false, lock);
}
} else {
session.requestRateLimit(e.data.bitrate, i, false, lock); // bitrate = 0 pauses the video
}
}
} catch (e) {
errorlog(e);
}
}
}
if ("audiobitrate" in e.data) { // changes the audio bitrate of a specific or all inbound media tracks. kbps
var lock = true;
if ("lock" in e.data){ // since this is the iframe API, we're going to assume the default is manual over-ride. VDO.Ninja's automixer logic won't override a locked bitrate.
lock = e.data.lock;
}
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) { // we only target publishers with this call
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.requestAudioRateLimit(parseInt(e.data.bitrate), i, lock);
}
} else if (e.data.UUID && (e.data.UUID===i)) {
session.requestAudioRateLimit(parseInt(e.data.bitrate), i, lock);
} else if (e.data.streamID) {
if (session.rpcs[i].streamID == e.data.streamID) { // specify a stream ID or let it apply to all videos
session.requestAudioRateLimit(parseInt(e.data.bitrate), i, lock);
}
} else {
session.requestAudioRateLimit(parseInt(e.data.bitrate), i, lock); // bitrate = 0 pauses the video
}
}
} catch (e) {
errorlog(e);
}
}
}
if ("changeVideoDevice" in e.data) {
warnlog(e.data.changeVideoDevice);
changeVideoDevice(e.data.changeVideoDevice);
}
if ("changeAudioDevice" in e.data) {
warnlog(e.data.changeAudioDevice);
changeAudioDevice(e.data.changeAudioDevice);
}
if ("changeAudioOutputDevice" in e.data) {
warnlog(e.data.changeAudioOutputDevice);
changeAudioOutputDeviceById(e.data.changeAudioOutputDevice);
}
if ("getDeviceList" in e.data) { // get a list of local camera / audio devices
warnlog(e.data.getDeviceList);
enumerateDevices().then(function(deviceInfos) {
parent.postMessage({
"deviceList": JSON.parse(JSON.stringify(deviceInfos))
}, session.iframetarget);
});
}
if ("sceneState" in e.data) { // TRUE OR FALSE - tells the connected peers if they are live or not via a tally light change.
var msg = {};
msg.obsState = {};
msg.obsState.visibility = e.data.sceneState || false;
msg.obsState.recording = e.data.sceneState || false;
session.sendRequest(msg);
}
if ("layouts" in e.data) {
session.layouts = e.data.layouts;
}
if ("sendMessage" in e.data) { // webrtc send to viewers
session.sendMessage(e.data);
}
if ("sendRequest" in e.data) { // webrtc send to publishers
session.sendRequest(e.data);
}
if ("sendRawMIDI" in e.data) { // webrtc send to publishers
//var msg = {};
//msg.midi = {};
//msg.midi.d = e.data.sendRawMIDI.data; aka [d1,d2,d3];
//msg.midi.c = e.data.sendRawMIDI.channel;
//msg.midi.s = e.data.sendRawMIDI.timestamp;
// e.data.UUID or e.data.streamID or leave empty to send to all
if ("UUID" in e.data){
sendRawMIDI(e.data.sendRawMIDI, e.data.UUID); // send to connection
} else if (e.data.streamID){
sendRawMIDI(e.data.sendRawMIDI, false, e.data.streamID); // send to connection
} else {
sendRawMIDI(e.data.sendRawMIDI); // send to all
}
return; // make it send faster.
}
if ("sendPeers" in e.data) { // webrtc send message to every connected peer; like send and request; a hammer vs a knife.
session.sendPeers(e.data);
}
if ("reload" in e.data) { // reload the page
reloadRequested(); // location.reload();, but with no user prompt (force reload)
}
if ("getFaces" in e.data){
if (e.data.faceTrack){
session.grabFaceData = true;
getFaces();
} else {
session.grabFaceData = false;
}
}
if (("getStats" in e.data)){
var stats = {};
try {
stats.inbound_stats = {};
stats.total_outbound_connections = Object.keys(session.pcs).length;
stats.total_inbound_connections = Object.keys(session.rpcs).length;
for (var i in session.rpcs) {
stats.inbound_stats[session.rpcs[i].streamID] = session.rpcs[i].stats;
}
for (var uuid in session.pcs) {
setTimeout(function(UUID) {
session.pcs[UUID].getStats().then(function(stats) {
stats.forEach(stat => {
if (stat.id && stat.id.startsWith("DEPRECATED_")){return;}
if (stat.type == "outbound-rtp") {
if (stat.kind == "video") {
if ("qualityLimitationReason" in stat) {
session.pcs[UUID].stats.quality_limitation_reason = stat.qualityLimitationReason;
}
if ("framesPerSecond" in stat) {
session.pcs[UUID].stats.resolution = stat.frameWidth + " x " + stat.frameHeight + " @ " + stat.framesPerSecond;
}
if ("encoderImplementation" in stat) {
session.pcs[UUID].stats.encoder = stat.encoderImplementation;
}
}
} else if (stat.type == "remote-candidate") {
if ("relayProtocol" in stat) {
if ("ip" in stat) {
session.pcs[UUID].stats.remote_relay_IP = stat.ip;
}
session.pcs[UUID].stats.remote_relayProtocol = stat.relayProtocol;
}
if ("candidateType" in stat) {
session.pcs[UUID].stats.remote_candidateType = stat.candidateType;
}
} else if (stat.type == "local-candidate") {
if ("relayProtocol" in stat) {
if ("ip" in stat) {
session.pcs[UUID].stats.local_relayIP = stat.ip;
}
session.pcs[UUID].stats.local_relayProtocol = stat.relayProtocol;
}
if ("candidateType" in stat) {
session.pcs[UUID].stats.local_candidateType = stat.candidateType;
}
} else if ((stat.type == "candidate-pair" ) && (stat.nominated)) {
if ("availableOutgoingBitrate" in stat){
session.pcs[UUID].stats.available_outgoing_bitrate_kbps = parseInt(stat.availableOutgoingBitrate/1024);
}
if ("totalRoundTripTime" in stat){
if ("responsesReceived" in stat){
session.pcs[UUID].stats.average_roundTripTime_ms = parseInt((stat.totalRoundTripTime/stat.responsesReceived)*1000);
}
}
}
return;
});
return;
});
}, 0, uuid);
}
} catch(e){
// disconnected probably
}
setTimeout(function() {
stats.outbound_stats = {};
try {
for (var i in session.pcs) {
stats.outbound_stats[i] = session.pcs[i].stats;
}
} catch(e){}
parent.postMessage({
"stats": stats
}, session.iframetarget);
}, 1000);
}
if ("getRemoteStats" in e.data) {
if (session.remote){
session.sendRequest({"requestStats":true, "remote":session.remote});
} else {
session.sendRequest({"requestStats":true});
}
}
if ("requestStatsContinuous" in e.data) {
if (session.remote){
session.sendRequest({"requestStatsContinuous":e.data.requestStatsContinuous, "remote":session.remote});
} else {
session.sendRequest({"requestStatsContinuous":e.data.requestStatsContinuous});
}
}
if ("getLoudness" in e.data) {
log("GOT LOUDNESS REQUEST");
if (e.data.getLoudness == true) {
if (!session.pushLoudness && (session.audioEffects!==true)){
session.pushLoudness = true;
for (var i in session.rpcs) {
updateIncomingAudioElement(i); // this can be called when turning on/off inbound audio processing.
}
} else {
session.pushLoudness = true;
}
var loudness = {};
for (var i in session.rpcs) {
loudness[session.rpcs[i].streamID] = session.rpcs[i].stats.Audio_Loudness;
}
parent.postMessage({
"loudness": loudness
}, session.iframetarget);
} else {
if (session.pushLoudness && !session.audioEffects){ // turn off audio processing
session.pushLoudness = false;
for (var i in session.rpcs) {
updateIncomingAudioElement(i)
}
} else {
session.pushLoudness = false; // can't turn off audio processing
}
}
}
if ("getEffectsData" in e.data) {
log("GOT getEffects Data REQUESTed"); // face tracking info, etc.
if (e.data.getEffectsData !== false) {
session.pushEffectsData = e.data.getEffectsData; // which effect do you want the data from? it won't enable the effect necessarily; just the ML pipeline
//parent.postMessage({
// "effectsData": effectsData,
// "effectsID": session.pushEffectsData
//}, session.iframetarget);
} else {
session.pushEffectsData = false;
}
}
if ("getStreamIDs" in e.data) { // get a list of stream Ids, with a label if it is present. label = false if not there
if (e.data.getStreamIDs) {
var streamIDs = {};
for (var i in session.rpcs) {
streamIDs[session.rpcs[i].streamID] = session.rpcs[i].label;
}
parent.postMessage({
"streamIDs": streamIDs
}, session.iframetarget);
}
}
if ("getStreamInfo" in e.data) { // get a list of stream Ids, with a label if it is present. label = false if not there
try {
var UUIDS = {};
for (var i in session.rpcs){
UUIDS[i] = {};
UUIDS[i].label = session.rpcs[i].label || false;
UUIDS[i].streamID = session.rpcs[i].streamID || false;
if (session.rpcs[i].stats && session.rpcs[i].stats.info){
UUIDS[i].info = session.rpcs[i].stats.info;
} else {
UUIDS[i].info = {};
}
}
parent.postMessage({
"streamInfo": UUIDS
}, session.iframetarget);
} catch(e){
errorlog(e);
}
}
if (("close" in e.data) || ("hangup" in e.data)) { // disconnect and hangup all inbound streams.
var tmp = e.data.close || e.data.hangup;
if (tmp == "estop"){ // try to stop the video recording even if not complete; if you can't wait even ms before a reload/exit.
console.log("ESTOP");
session.hangup(false,true);
} else if (tmp == "reload"){ // stop and reload the page safely.
session.hangup(true);
} else { // just hangup, but can take up to 1-second to do so fully.
session.hangup();
}
}
if ("hangup" in e.data) { // disconnect and hangup all inbound streams.
session.hangup();
}
if ("style" in e.data) { // insert a custom style sheet
try {
const style = document.createElement('style');
style.textContent = e.data.style;
document.head.append(style);
log(style);
} catch (e) {
errorlog(e);
}
}
if ("getDetailedState" in e.data) {
var detailedState = getDetailedState();
parent.postMessage({
"detailedState": detailedState
}, session.iframetarget);
}
if ("automixer" in e.data) { // stop the auto mixer if you want to control the layout and bitrate yourself
if (e.data.automixer == true) {
session.manual = false;
try {
updateMixer();
} catch (e) {}
} else if (e.data.automixer == false) {
session.manual = true;
}
}
if ("advancedMode" in e.data){
if (e.data.advancedMode){
document.documentElement.style.setProperty('--advanced-mode', "inline-block"); // show advanced items
} else {
document.documentElement.style.setProperty('--advanced-mode', "none"); // hide advanced items
}
}
if ("requestStream" in e.data){
if (e.data.requestStream){ // load a specific stream ID
log("requestStream iframe api");
session.requestStream(e.data.requestStream);
} // don't use if the stream is in your room (as not needed)
} // you can load a stream ID from inside a room that exists outside any room
if ("previewMode" in e.data){
if ("layout" in e.data){
session.layout = e.data.layout;
pokeIframeAPI("layout-updated", session.layout);
}
switchModes(e.data.previewMode);
} else if ("layout" in e.data){
warnlog("changing layout request via IFRAME API");
session.layout = e.data.layout;
pokeIframeAPI("layout-updated", session.layout);
if (e.data.obsCommand){
issueLayoutOBS(e.data);
} else {
if (session.director){
if ("scene" in e.data){
if ("UUID" in e.data){
issueLayout(e.data.layout, e.data.scene, e.data.UUID);
} else {
issueLayout(e.data.layout, e.data.scene);
}
} else if ("UUID" in e.data){
issueLayout(e.data.layout, false, e.data.UUID);
}
}
}
updateMixer();
} else if (e.data.obsCommand){
errorlog("obsCommand via iframe API currently needs a layout..");
}
if ("slotmode" in e.data){
if (session.slotmode){
session.slotmode = parseInt(e.data.slotmode);
} else {
session.slotmode = false;
}
}
//////////// manual scale. Request a specific down-scaled resolution from a remote connection
var targetWidth = false;
var targetHeight = false;
if ("targetWidth" in e.data){
targetWidth = e.data.targetWidth || 0;
}
if ("targetHeight" in e.data){
targetHeight = e.data.targetHeight || 0;
}
// session.viewheight or session.viewwidth
if ((targetWidth || targetHeight) && e.data.UUID){
var requestAs = false;
if (e.data.requestAs){
requestAs = e.data.requestAs;
}
session.requestResolution(e.data.UUID, targetWidth || 4096 , targetHeight || 2160 , false, requestAs); // this is fine.
}
////////////////
if ("scale" in e.data) {
if (e.data.scale === false){
session.dynamicScale = true; // disable manual scaling
updateMixer();
var scale = false;
} else {
session.dynamicScale = false;
var scale = parseInt(e.data.scale) || 100;
}
if (e.data.UUID){
session.sendRequest({scale:scale}, UUID);
} else if (e.data.target){
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) {
if ("target" in e.data) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) { // specify a stream ID or let it apply to all videos
session.sendRequest({scale:scale}, i);
}
} else {
session.sendRequest({scale:scale}, i);
}
}
} catch (e) {
errorlog(e);
}
}
} else {
session.sendRequest({scale:scale});
}
}
if (("action" in e.data) && (e.data.action!="null")) { /////////////// reuse the Companion API
var resp = processMessage(e.data); // reuse the companion API
if (resp!==null){
log(resp);
parent.postMessage(resp, session.iframetarget);
}
} else if ("target" in e.data) {
log(e.data);
for (var i in session.rpcs) {
try {
if ("streamID" in session.rpcs[i]) {
if ((session.rpcs[i].streamID == e.data.target) || (e.data.target == "*")) {
try {
if ("settings" in e.data) {
try{
for (const property in e.data.settings) {
try {
session.rpcs[i].videoElement[property] = e.data.settings[property];
} catch(e){}
}
} catch(e){}
}
if ("add" in e.data) {
try{
getById("gridlayout").appendChild(session.rpcs[i].videoElement);
} catch(e){warnlog(e);}
} else if ("remove" in e.data) {
try {
session.rpcs[i].videoElement.parentNode.removeChild(session.rpcs[i].videoElement);
} catch (e) {
try {
session.rpcs[i].videoElement.parentNode.parentNode.removeChild(session.rpcs[i].videoElement.parentNode);
} catch (e) {}
}
} else if ("replace" in e.data) { // should allow for a cleaner cut between two video streams.
try {
getById("gridlayout").appendChild(session.rpcs[i].videoElement);
getById("gridlayout").childNodes.forEach(ele=>{
if ((!ele.id) || (ele.id !== session.rpcs[i].videoElement.id)){
getById("gridlayout").removeChild(ele);
}
});
} catch(e){}
}
} catch (e) {
errorlog(e);
}
}
}
} catch (e) {
errorlog(e);
}
}
}
};
if (isIFrame) { // reduce CPU load if not needed. //iframe API
window.onmessage = session.remoteInterfaceAPI;
}
if (session.midiHotkeys || session.midiOut!==false) {
var script = document.createElement('script');
script.onload = function() {
WebMidi.enable().then(() =>{
WebMidi.addListener("connected", function(e) {
log(e);
});
WebMidi.addListener("disconnected", function(e) {
log(e);
});
console.log(WebMidi.inputs);
if (session.midiOut===true){
for (var i = 0; i < WebMidi.inputs.length; i++) {
try {
var input = WebMidi.inputs[i];
input.addListener("midimessage", function(e) {
sendRawMIDI(e);
//var msg = {};
//msg.midi = {};
//msg.midi.d = e.data; aka [d1,d2,d3];
//msg.midi.c = e.channel;
//msg.midi.s = e.timestamp;
});
} catch(e){}
}
} else if (session.midiOut==parseInt(session.midiOut)){
try{
var input = WebMidi.inputs[parseInt(session.midiOut)-1];
input.addListener("midimessage", function(e) {
sendRawMIDI(e);
});
} catch(e){errorlog(e);};
}
for (var i = 0; i < WebMidi.inputs.length; i++) {
if (session.midiDevice && (session.midiDevice!==(i+1))){continue;}
var input = WebMidi.inputs[i];
if (session.midiChannel){
input = input.channels[session.midiChannel];
}
if (session.midiHotkeys==4){
input.addListener('controlchange', function(e) {
log(e);
midiHotkeysCommand(e.controller.number, e.rawValue);
});
} else if (session.midiHotkeys==5){
if (session.midiOffset!==false){
input.addListener('controlchange', function(e) {
midiHotkeysCommand_offset(e.controller.number, e.rawValue, session.midiOffset);
});
}
} else {
input.addListener('noteon', function(e) {
log(e);
var note = e.note.name + e.note.octave;
var velocity = e.velocity || false;
midiHotkeysNote(note,velocity);
});
}
}
}).catch(errorlog);
};
script.src = "./thirdparty/webmidi3.js"; // dynamically load this only if its needed. Keeps loading time down.
document.head.appendChild(script);
} else if (session.midiIn){
var script = document.createElement('script');
script.src = "./thirdparty/webmidi3.js"; // dynamically load this only if its needed. Keeps loading time down.
script.onload = function() {
WebMidi.enable().then(() => console.log(WebMidi.outputs)).catch(errorlog);
}
document.head.appendChild(script);
}
var languages = getById('languagesList').querySelectorAll('li a');
var timezones = [];
languages.forEach(language => {
if (language.dataset.tz) {
var languageTimezones = language.dataset.tz.split(';'); // each link can have multiple timezones separated by ;
languageTimezones.forEach(element => {
timezones.push(element);
});
}
});
var currentTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
if (timezones.includes(currentTimezone)) {
var el = getById('languagesList').querySelector("li a[data-tz*='" + currentTimezone +"']"); // select language li
el.parentElement.removeChild(el); // remove it
getById('languagesList').insertBefore(el, getById('languagesList').querySelector('li:nth-child(2)')); // insert it after English
}
var visAudioTimeout = null
document.addEventListener("visibilitychange", function() {
//log("hidden : " +document.hidden);
log("vis : "+document.visibilityState);
if ((iOS) || (iPad)) { // fixes a bug on iOS devices. Not need with other devices?
toggleAutoVideoMute();
clearTimeout(visAudioTimeout);
if (document.visibilityState === 'visible') {
visAudioTimeout = setTimeout(function() {
resetupAudioOut();
activatedPreview=false;
grabAudio("#audioSource3");
}, 500);
}
}
});
// Warns user about network going down
window.addEventListener("offline", function (e) {
warnlog("connection lost");
if ((session.view) && (session.permaid === false)) {
log("VDO.Ninja has no network connectivity and can't work properly." );
} else if (session.scene !== false) {
log("VDO.Ninja has no network connectivity and can't work properly." );
} else if (!session.cleanOutput) {
if (iOS || iPad){
for (var UUID in session.pcs){
session.pcs[UUID].close();
delete(session.pcs[UUID]);
session.applySoloChat();
applySceneState();
}
}
warnUser("Network connection lost.");
} else {
log("VDO.Ninja has no network connectivity and can't work properly.");
}
});
window.addEventListener("online", function (e) {
log("Back ONLINE");
closeModal();
session.ping();
});
function updateConnectionStatus() {
try{
if (!session.stats){
return;
}
log("Connection type changed from " + session.stats.network_type + " to " + Connection.type);
if (session.stats.network_type && (session.stats.network_type !== Connection.type)){
var miniInfo = {};
miniInfo.con = Connection.type;
session.sendMessage({"miniInfo":miniInfo});
}
session.stats.network_type = Connection.type;
session.ping();
} catch(e){warnlog(e);};
}
try {
var Connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if (Connection){
session.stats.network_type = Connection.type
Connection.addEventListener('change', updateConnectionStatus);
}
} catch (e) {log(e);} // effectiveType is not yet supported by Firefox or Safari; 2021
setInterval(function() {
checkConnection();
}, 5000);
// Remove modal if network comes back up
window.addEventListener("online", function (e) {
if (!session.cleanOutput) {
// Remove last inserted modal; Could be improved by tagging the
// modal elements and only removing modals tagged 'offline'
userWarnings = document.querySelectorAll('.alertModal');
closeModal(userWarnings[userWarnings.length- 1]);
} else {
log(
"Network connectivity has been restored."
);
}
});
document.addEventListener("DOMContentLoaded", function() {
var lazyVideos = [].slice.call(document.querySelectorAll("video.lazy"));
if ("IntersectionObserver" in window) {
var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(video) {
if (video.isIntersecting) {
for (var source in video.target.children) {
var videoSource = video.target.children[source];
if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") {
videoSource.src = videoSource.dataset.src;
}
}
video.target.load();
video.target.classList.remove("lazy");
lazyVideoObserver.unobserve(video.target);
}
});
});
lazyVideos.forEach(function(lazyVideo) {
lazyVideoObserver.observe(lazyVideo);
});
}
});
document.addEventListener("dragstart", event => {
var url = event.target.href || event.target.value;
if (!url || !url.startsWith('https://')) return;
if (event.target.dataset.drag != "1") {
return;
}
//event.target.ondragend = function(){event.target.blur();}
var streamId = url.split('view=');
var label = url.split('label=');
if (session.label !== false) {
url += '&layer-name=' + session.label;
} else {
url += '&layer-name=VDO.Ninja';
}
if (streamId.length > 1) url += ': ' + streamId[1].split('&')[0];
if (label.length > 1) url += ' - ' + decodeURI(label[1].split('&')[0]);
try {
if (document.getElementById("videosource")) {
var video = getById('videosource');
if (typeof(video.videoWidth) == "undefined") {
url += '&layer-width=1920'; // this isn't always 100% correct, as the resolution can fluxuate, but it is probably good enough
url += '&layer-height=1080';
} else if ((parseInt(video.videoWidth) < 360) || (video.videoHeight < 640)) {
url += '&layer-width=1920'; // this isn't always 100% correct, as the resolution can fluxuate, but it is probably good enough
url += '&layer-height=1080';
} else {
url += '&layer-width=' + video.videoWidth; // this isn't always 100% correct, as the resolution can fluxuate, but it is probably good enough
url += '&layer-height=' + video.videoHeight;
}
} else {
url += '&layer-width=1920'; // this isn't always 100% correct, as the resolution can fluxuate, but it is probably good enough
url += '&layer-height=1080';
}
} catch (error) {
url += '&layer-width=1920'; // this isn't always 100% correct, as the resolution can fluxuate, but it is probably good enough
url += '&layer-height=1080';
}
event.dataTransfer.setDragImage( getById('dragImage'), 24, 24);
event.dataTransfer.setData("text/uri-list", encodeURI(url));
});
if (navigator.getBattery){
navigator.getBattery().then(function(battery) {
session.batteryState = {};
if ("level" in battery){
session.batteryState.level = battery.level;
}
if ("charging" in battery){
session.batteryState.charging = battery.charging;
}
if (session.batteryState == {}){
session.batteryState = null;
}
battery.addEventListener('chargingchange', function() {
session.batteryState = {};
var miniInfo = {};
if ("level" in battery){
session.batteryState.level = battery.level;
miniInfo.bat = battery.level;
}
if ("charging" in battery){
session.batteryState.charging = battery.charging;
miniInfo.chrg = battery.charging;
}
if (session.batteryState == {}){
session.batteryState = null;
}
session.sendMessage({"miniInfo":miniInfo});
});
battery.addEventListener('levelchange', function(){
session.batteryState = {};
var miniInfo = {};
if ("level" in battery){
session.batteryState.level = battery.level;
miniInfo.bat = battery.level;
}
if ("charging" in battery){
session.batteryState.charging = battery.charging;
miniInfo.chrg = battery.charging;
}
if (session.batteryState == {}){
session.batteryState = null;
}
session.sendMessage({"miniInfo":miniInfo});
});
});
}
var lastTouchEnd = 0;
document.addEventListener('touchend', function(event) {
var now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, false);
document.addEventListener('click', function(event) {
if (session.firstPlayTriggered == false) {
playAllVideos();
session.firstPlayTriggered = true;
history.pushState({}, '');
}
});
document.addEventListener("keydown", event => {
keyDownEvent(event);
});
function keyDownEvent(event){
if ((event.ctrlKey) || (event.metaKey)) { // detect if CTRL is pressed
CtrlPressed = true;
} else {
CtrlPressed = false;
}
if (event.altKey) {
AltPressed = true;
} else {
AltPressed = false;
}
if (event.key === "Escape") {
if (document.fullscreenElement) {
document.exitFullscreen();
//updateMixer();
}
return;
}
if (session.disableHotKeys){return;}
if (PPTHotkey){
if (event.target && (event.target.tagName == "INPUT")){
// skip, since an input field is selected
} else if ((PPTHotkey.ctrl === event.ctrlKey) && (PPTHotkey.alt === AltPressed) && (PPTHotkey.meta === event.metaKey) && ((PPTHotkey.key===false) || ((PPTHotkey.key!==false) && (PPTHotkey.key === event.key)))){
if (session.muted && !PPTKeyPressed){
session.muted = false;
PPTKeyPressed = true;
getById("mutebutton").classList.add("PPTActive");
toggleMute(true);
} else if (!PPTKeyPressed){
PPTKeyPressed = true;
getById("mutebutton").classList.add("PPTActive");
}
event.preventDefault();
event.stopPropagation();
return;
} else if (PPTKeyPressed){
PPTKeyPressed = false;
getById("mutebutton").classList.remove("PPTActive");
if (!session.muted){
session.muted = true;
toggleMute(true);
}
event.preventDefault();
event.stopPropagation();
return;
}
}
if (KeyPressedTimeout || PPTKeyPressed){
event.preventDefault();
event.stopPropagation();
return;
}
if (CtrlPressed && event.keyCode) {
if (event.keyCode == 77) { // M
if (event.metaKey) {
if (AltPressed) {
if (!KeyPressedTimeout){
toggleMute(); // macOS
KeyPressedTimeout = Date.now();
event.preventDefault();
event.stopPropagation();
return;
}
}
} else {
if (!KeyPressedTimeout){
toggleMute(); // Windows
KeyPressedTimeout = Date.now();
event.preventDefault();
event.stopPropagation();
return;
}
}
} else if (event.keyCode == 66) { // B
toggleVideoMute();
event.preventDefault();
event.stopPropagation();
return;
}
if (AltPressed){ // CTRL + ALT
if (event.keyCode == 70) { // F
toggleFileshare()();
event.preventDefault();
event.stopPropagation();
return;
} else if (event.keyCode == 67) { // C
cycleCameras();
event.preventDefault();
event.stopPropagation();
return;
} else if (event.keyCode == 83) { // S
toggleScreenShare()();
event.preventDefault();
event.stopPropagation();
return;
} else if (event.keyCode == 68) { // S
if (!drawOnScreenObject){
drawOnScreen();
} else {
drawOnScreenObject.stop();
}
event.preventDefault();
event.stopPropagation();
return;
}
}
}
}
document.addEventListener("keyup", event => {
if (PPTKeyPressed){
PPTKeyPressed = false;
getById("mutebutton").classList.remove("PPTActive");
if (!session.muted){
session.muted = true;
toggleMute(true);
}
event.preventDefault();
event.stopPropagation();
return;
}
if (!(event.ctrlKey || event.metaKey)) {
if (CtrlPressed) {
CtrlPressed = false;
for (var i in Callbacks) {
var cb = Callbacks[i];
cb[0](...cb.slice(1)); // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#A_better_apply
}
Callbacks = [];
}
}
if (!(event.altKey)) {
AltPressed = false;
}
if (event.altKey && event.shiftKey && event.keyCode === 67 /* C */) {
toggleControlBar();
}
if (KeyPressedTimeout && ((event.keyCode == 77) || (!(event.ctrlKey || event.metaKey)))) {
if (Date.now() - KeyPressedTimeout>300){
toggleMute();
}
if (event.keyCode == 77){
KeyPressedTimeout = 0;
}
}
});
setTimeout(function(){ // lets lazy load the following..
window.addEventListener("beforeunload", confirmUnload); // This just keeps people from killing the live stream accidentally. Also give me a headsup that the stream is ending
window.addEventListener("unload", function(e) {
try {
session.ws.close();
if (session.videoElement.recording) {
session.videoElement.recorder.writer.close();
session.videoElement.recording = false;
}
for (var i in session.rpcs) {
if (session.rpcs[i].videoElement) {
if (session.rpcs[i].videoElement.recording) {
session.rpcs[i].videoElement.recorder.writer.close();
session.rpcs[i].videoElement.recording = false;
}
}
}
session.hangup();
} catch (e) {
errorlog(e);
}
});
try {
navigator.serviceWorker.getRegistrations().then(registrations => { // getting rid of old service workers.
try {
log(registrations);
for(let registration of registrations) {
if (registration.scope != "https://"+window.location.hostname+window.location.pathname+"thirdparty/"){
registration.unregister();
}
}
} catch(e){}
}).catch(errorlog);
} catch(e){}
var script = document.createElement('script');
document.head.appendChild(script);
script.onload = function() {
var script = document.createElement('script');
document.head.appendChild(script);
script.src = "./thirdparty/StreamSaver.js?v=13"; // dynamically load this only if its needed. Keeps loading time down.
};
script.src = "./thirdparty/polyfill.min.js"; // dynamically load this only if its needed. Keeps loading time down.
},100);
}
// main(); //calling this now from body tag.
Reference in New Issue View Git Blame Copy Permalink