Originally written as a Dangerous Demo for ClueCon 2019 61 | a few months ago: having fun with WebRTC and music!
62 |Press the Start button above to launch the demo.
' + name + '
'); 207 | } else if(data["event"] === "leave") { 208 | var id = data["id"]; 209 | $('#p' + id).remove(); 210 | } else if(data["event"] === "play") { 211 | var note = data["note"]; 212 | var name = data["name"]; 213 | var color = data["color"]; 214 | if(!bgs[note]) 215 | bgs[note] = { original: $('[data-key=' + note + ']').css('background'), count: 0, colors: [] }; 216 | bgs[note].count++; 217 | bgs[note].colors.push(color); 218 | $('[data-key=' + note + ']').css('background', color); 219 | console.log(bgs); 220 | } else if(data["event"] === "stop") { 221 | var note = data["note"]; 222 | var name = data["name"]; 223 | if(!bgs[note]) 224 | return; 225 | var index = bgs[note].colors.indexOf(color); 226 | if(index > -1) 227 | bgs[note].colors.splice(index, 1); 228 | if(bgs[note].colors.length === 0) 229 | $('[data-key=' + note + ']').css('background', bgs[note].original); 230 | else 231 | $('[data-key=' + note + ']').css('background', bgs[note].colors[bgs[note].colors.length-1]); 232 | bgs[note].count--; 233 | if(bgs[note].count === 0) { 234 | $('[data-key=' + note + ']').css('background', bgs[note].original); 235 | delete bgs[note]; 236 | } 237 | console.log(bgs); 238 | } 239 | } 240 | } 241 | 242 | function receiveAudio() { 243 | // Attach to streaming plugin 244 | janus.attach( 245 | { 246 | plugin: "janus.plugin.streaming", 247 | opaqueId: opaqueId, 248 | success: function(pluginHandle) { 249 | streaming = pluginHandle; 250 | var body = { request: "watch", id: streamId }; 251 | streaming.send({ message: body }); 252 | }, 253 | error: function(error) { 254 | Janus.error(" -- Error attaching plugin... ", error); 255 | bootbox.alert("Error attaching plugin... " + error); 256 | }, 257 | webrtcState: function(on) { 258 | Janus.log("Janus says our streaming WebRTC PeerConnection is " + (on ? "up" : "down") + " now"); 259 | }, 260 | onmessage: function(msg, jsep) { 261 | Janus.debug(" ::: Got a message :::", msg); 262 | if(msg["error"]) { 263 | bootbox.alert(msg["error"]); 264 | return; 265 | } 266 | if(jsep) { 267 | Janus.debug("Handling SDP as well...", jsep); 268 | // Offer from the plugin, let's answer 269 | streaming.createAnswer( 270 | { 271 | jsep: jsep, 272 | // We only want recvonly audio 273 | media: { audioSend: false, videoSend: false, data: false }, 274 | success: function(jsep) { 275 | Janus.debug("Got SDP!"); 276 | Janus.debug(jsep); 277 | var body = { request: "start" }; 278 | streaming.send({ message: body, jsep: jsep }); 279 | }, 280 | error: function(error) { 281 | Janus.error("WebRTC error:", error); 282 | bootbox.alert("WebRTC error... " + error.message); 283 | } 284 | }); 285 | } 286 | }, 287 | onremotestream: function(stream) { 288 | Janus.debug(" ::: Got a remote stream :::"); 289 | Janus.debug(stream); 290 | if($('#remoteaudio').length === 0) { 291 | // Add the video element 292 | $('#piano').append(''); 293 | } 294 | Janus.attachMediaStream($('#remoteaudio').get(0), stream); 295 | }, 296 | oncleanup: function() { 297 | Janus.log(" ::: Got a cleanup notification :::"); 298 | } 299 | }); 300 | } 301 | 302 | function createRandomColor() { 303 | return "hsla(" + ~~(360 * Math.random()) + "," + "70%," + "80%,1)" 304 | } 305 | -------------------------------------------------------------------------------- /web/janus.js: -------------------------------------------------------------------------------- 1 | /* 2 | The MIT License (MIT) 3 | 4 | Copyright (c) 2016 Meetecho 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining 7 | a copy of this software and associated documentation files (the "Software"), 8 | to deal in the Software without restriction, including without limitation 9 | the rights to use, copy, modify, merge, publish, distribute, sublicense, 10 | and/or sell copies of the Software, and to permit persons to whom the 11 | Software is furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included 14 | in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS 17 | OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL 19 | THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR 20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | */ 24 | 25 | // List of sessions 26 | Janus.sessions = {}; 27 | 28 | Janus.isExtensionEnabled = function() { 29 | if(navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia) { 30 | // No need for the extension, getDisplayMedia is supported 31 | return true; 32 | } 33 | if(window.navigator.userAgent.match('Chrome')) { 34 | var chromever = parseInt(window.navigator.userAgent.match(/Chrome\/(.*) /)[1], 10); 35 | var maxver = 33; 36 | if(window.navigator.userAgent.match('Linux')) 37 | maxver = 35; // "known" crash in chrome 34 and 35 on linux 38 | if(chromever >= 26 && chromever <= maxver) { 39 | // Older versions of Chrome don't support this extension-based approach, so lie 40 | return true; 41 | } 42 | return Janus.extension.isInstalled(); 43 | } else { 44 | // Firefox of others, no need for the extension (but this doesn't mean it will work) 45 | return true; 46 | } 47 | }; 48 | 49 | var defaultExtension = { 50 | // Screensharing Chrome Extension ID 51 | extensionId: 'hapfgfdkleiggjjpfpenajgdnfckjpaj', 52 | isInstalled: function() { return document.querySelector('#janus-extension-installed') !== null; }, 53 | getScreen: function (callback) { 54 | var pending = window.setTimeout(function () { 55 | var error = new Error('NavigatorUserMediaError'); 56 | error.name = 'The required Chrome extension is not installed: click here to install it. (NOTE: this will need you to refresh the page)'; 57 | return callback(error); 58 | }, 1000); 59 | this.cache[pending] = callback; 60 | window.postMessage({ type: 'janusGetScreen', id: pending }, '*'); 61 | }, 62 | init: function () { 63 | var cache = {}; 64 | this.cache = cache; 65 | // Wait for events from the Chrome Extension 66 | window.addEventListener('message', function (event) { 67 | if(event.origin != window.location.origin) 68 | return; 69 | if(event.data.type == 'janusGotScreen' && cache[event.data.id]) { 70 | var callback = cache[event.data.id]; 71 | delete cache[event.data.id]; 72 | 73 | if (event.data.sourceId === '') { 74 | // user canceled 75 | var error = new Error('NavigatorUserMediaError'); 76 | error.name = 'You cancelled the request for permission, giving up...'; 77 | callback(error); 78 | } else { 79 | callback(null, event.data.sourceId); 80 | } 81 | } else if (event.data.type == 'janusGetScreenPending') { 82 | console.log('clearing ', event.data.id); 83 | window.clearTimeout(event.data.id); 84 | } 85 | }); 86 | } 87 | }; 88 | 89 | Janus.useDefaultDependencies = function (deps) { 90 | var f = (deps && deps.fetch) || fetch; 91 | var p = (deps && deps.Promise) || Promise; 92 | var socketCls = (deps && deps.WebSocket) || WebSocket; 93 | 94 | return { 95 | newWebSocket: function(server, proto) { return new socketCls(server, proto); }, 96 | extension: (deps && deps.extension) || defaultExtension, 97 | isArray: function(arr) { return Array.isArray(arr); }, 98 | webRTCAdapter: (deps && deps.adapter) || adapter, 99 | httpAPICall: function(url, options) { 100 | var fetchOptions = { 101 | method: options.verb, 102 | headers: { 103 | 'Accept': 'application/json, text/plain, */*' 104 | }, 105 | cache: 'no-cache' 106 | }; 107 | if(options.verb === "POST") { 108 | fetchOptions.headers['Content-Type'] = 'application/json'; 109 | } 110 | if(options.withCredentials !== undefined) { 111 | fetchOptions.credentials = options.withCredentials === true ? 'include' : (options.withCredentials ? options.withCredentials : 'omit'); 112 | } 113 | if(options.body) { 114 | fetchOptions.body = JSON.stringify(options.body); 115 | } 116 | 117 | var fetching = f(url, fetchOptions).catch(function(error) { 118 | return p.reject({message: 'Probably a network error, is the server down?', error: error}); 119 | }); 120 | 121 | /* 122 | * fetch() does not natively support timeouts. 123 | * Work around this by starting a timeout manually, and racing it agains the fetch() to see which thing resolves first. 124 | */ 125 | 126 | if(options.timeout) { 127 | var timeout = new p(function(resolve, reject) { 128 | var timerId = setTimeout(function() { 129 | clearTimeout(timerId); 130 | return reject({message: 'Request timed out', timeout: options.timeout}); 131 | }, options.timeout); 132 | }); 133 | fetching = p.race([fetching, timeout]); 134 | } 135 | 136 | fetching.then(function(response) { 137 | if(response.ok) { 138 | if(typeof(options.success) === typeof(Janus.noop)) { 139 | return response.json().then(function(parsed) { 140 | options.success(parsed); 141 | }).catch(function(error) { 142 | return p.reject({message: 'Failed to parse response body', error: error, response: response}); 143 | }); 144 | } 145 | } 146 | else { 147 | return p.reject({message: 'API call failed', response: response}); 148 | } 149 | }).catch(function(error) { 150 | if(typeof(options.error) === typeof(Janus.noop)) { 151 | options.error(error.message || '<< internal error >>', error); 152 | } 153 | }); 154 | 155 | return fetching; 156 | } 157 | } 158 | }; 159 | 160 | Janus.useOldDependencies = function (deps) { 161 | var jq = (deps && deps.jQuery) || jQuery; 162 | var socketCls = (deps && deps.WebSocket) || WebSocket; 163 | return { 164 | newWebSocket: function(server, proto) { return new socketCls(server, proto); }, 165 | isArray: function(arr) { return jq.isArray(arr); }, 166 | extension: (deps && deps.extension) || defaultExtension, 167 | webRTCAdapter: (deps && deps.adapter) || adapter, 168 | httpAPICall: function(url, options) { 169 | var payload = options.body !== undefined ? { 170 | contentType: 'application/json', 171 | data: JSON.stringify(options.body) 172 | } : {}; 173 | var credentials = options.withCredentials !== undefined ? {xhrFields: {withCredentials: options.withCredentials}} : {}; 174 | 175 | return jq.ajax(jq.extend(payload, credentials, { 176 | url: url, 177 | type: options.verb, 178 | cache: false, 179 | dataType: 'json', 180 | async: options.async, 181 | timeout: options.timeout, 182 | success: function(result) { 183 | if(typeof(options.success) === typeof(Janus.noop)) { 184 | options.success(result); 185 | } 186 | }, 187 | error: function(xhr, status, err) { 188 | if(typeof(options.error) === typeof(Janus.noop)) { 189 | options.error(status, err); 190 | } 191 | } 192 | })); 193 | } 194 | }; 195 | }; 196 | 197 | Janus.noop = function() {}; 198 | 199 | Janus.dataChanDefaultLabel = "JanusDataChannel"; 200 | 201 | // Note: in the future we may want to change this, e.g., as was 202 | // attempted in https://github.com/meetecho/janus-gateway/issues/1670 203 | Janus.endOfCandidates = null; 204 | 205 | // Stop all tracks from a given stream 206 | Janus.stopAllTracks = function(stream) { 207 | try { 208 | // Try a MediaStreamTrack.stop() for each track 209 | var tracks = stream.getTracks(); 210 | for(var mst of tracks) { 211 | Janus.log(mst); 212 | if(mst) { 213 | mst.stop(); 214 | } 215 | } 216 | } catch(e) { 217 | // Do nothing if this fails 218 | } 219 | } 220 | 221 | // Initialization 222 | Janus.init = function(options) { 223 | options = options || {}; 224 | options.callback = (typeof options.callback == "function") ? options.callback : Janus.noop; 225 | if(Janus.initDone) { 226 | // Already initialized 227 | options.callback(); 228 | } else { 229 | if(typeof console == "undefined" || typeof console.log == "undefined") { 230 | console = { log: function() {} }; 231 | } 232 | // Console logging (all debugging disabled by default) 233 | Janus.trace = Janus.noop; 234 | Janus.debug = Janus.noop; 235 | Janus.vdebug = Janus.noop; 236 | Janus.log = Janus.noop; 237 | Janus.warn = Janus.noop; 238 | Janus.error = Janus.noop; 239 | if(options.debug === true || options.debug === "all") { 240 | // Enable all debugging levels 241 | Janus.trace = console.trace.bind(console); 242 | Janus.debug = console.debug.bind(console); 243 | Janus.vdebug = console.debug.bind(console); 244 | Janus.log = console.log.bind(console); 245 | Janus.warn = console.warn.bind(console); 246 | Janus.error = console.error.bind(console); 247 | } else if(Array.isArray(options.debug)) { 248 | for(var d of options.debug) { 249 | switch(d) { 250 | case "trace": 251 | Janus.trace = console.trace.bind(console); 252 | break; 253 | case "debug": 254 | Janus.debug = console.debug.bind(console); 255 | break; 256 | case "vdebug": 257 | Janus.vdebug = console.debug.bind(console); 258 | break; 259 | case "log": 260 | Janus.log = console.log.bind(console); 261 | break; 262 | case "warn": 263 | Janus.warn = console.warn.bind(console); 264 | break; 265 | case "error": 266 | Janus.error = console.error.bind(console); 267 | break; 268 | default: 269 | console.error("Unknown debugging option '" + d + "' (supported: 'trace', 'debug', 'vdebug', 'log', warn', 'error')"); 270 | break; 271 | } 272 | } 273 | } 274 | Janus.log("Initializing library"); 275 | 276 | var usedDependencies = options.dependencies || Janus.useDefaultDependencies(); 277 | Janus.isArray = usedDependencies.isArray; 278 | Janus.webRTCAdapter = usedDependencies.webRTCAdapter; 279 | Janus.httpAPICall = usedDependencies.httpAPICall; 280 | Janus.newWebSocket = usedDependencies.newWebSocket; 281 | Janus.extension = usedDependencies.extension; 282 | Janus.extension.init(); 283 | 284 | // Helper method to enumerate devices 285 | Janus.listDevices = function(callback, config) { 286 | callback = (typeof callback == "function") ? callback : Janus.noop; 287 | if (config == null) config = { audio: true, video: true }; 288 | if(Janus.isGetUserMediaAvailable()) { 289 | navigator.mediaDevices.getUserMedia(config) 290 | .then(function(stream) { 291 | navigator.mediaDevices.enumerateDevices().then(function(devices) { 292 | Janus.debug(devices); 293 | callback(devices); 294 | // Get rid of the now useless stream 295 | Janus.stopAllTracks(stream) 296 | }); 297 | }) 298 | .catch(function(err) { 299 | Janus.error(err); 300 | callback([]); 301 | }); 302 | } else { 303 | Janus.warn("navigator.mediaDevices unavailable"); 304 | callback([]); 305 | } 306 | }; 307 | // Helper methods to attach/reattach a stream to a video element (previously part of adapter.js) 308 | Janus.attachMediaStream = function(element, stream) { 309 | try { 310 | element.srcObject = stream; 311 | } catch (e) { 312 | try { 313 | element.src = URL.createObjectURL(stream); 314 | } catch (e) { 315 | Janus.error("Error attaching stream to element"); 316 | } 317 | } 318 | }; 319 | Janus.reattachMediaStream = function(to, from) { 320 | try { 321 | to.srcObject = from.srcObject; 322 | } catch (e) { 323 | try { 324 | to.src = from.src; 325 | } catch (e) { 326 | Janus.error("Error reattaching stream to element"); 327 | } 328 | } 329 | }; 330 | // Detect tab close: make sure we don't loose existing onbeforeunload handlers 331 | // (note: for iOS we need to subscribe to a different event, 'pagehide', see 332 | // https://gist.github.com/thehunmonkgroup/6bee8941a49b86be31a787fe8f4b8cfe) 333 | var iOS = ['iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) >= 0; 334 | var eventName = iOS ? 'pagehide' : 'beforeunload'; 335 | var oldOBF = window["on" + eventName]; 336 | window.addEventListener(eventName, function(event) { 337 | Janus.log("Closing window"); 338 | for(var s in Janus.sessions) { 339 | if(Janus.sessions[s] && Janus.sessions[s].destroyOnUnload) { 340 | Janus.log("Destroying session " + s); 341 | Janus.sessions[s].destroy({unload: true, notifyDestroyed: false}); 342 | } 343 | } 344 | if(oldOBF && typeof oldOBF == "function") { 345 | oldOBF(); 346 | } 347 | }); 348 | // If this is a Safari Technology Preview, check if VP8 is supported 349 | Janus.safariVp8 = false; 350 | if(Janus.webRTCAdapter.browserDetails.browser === 'safari' && 351 | Janus.webRTCAdapter.browserDetails.version >= 605) { 352 | // Let's see if RTCRtpSender.getCapabilities() is there 353 | if(RTCRtpSender && RTCRtpSender.getCapabilities && RTCRtpSender.getCapabilities("video") && 354 | RTCRtpSender.getCapabilities("video").codecs && RTCRtpSender.getCapabilities("video").codecs.length) { 355 | for(var codec of RTCRtpSender.getCapabilities("video").codecs) { 356 | if(codec && codec.mimeType && codec.mimeType.toLowerCase() === "video/vp8") { 357 | Janus.safariVp8 = true; 358 | break; 359 | } 360 | } 361 | if(Janus.safariVp8) { 362 | Janus.log("This version of Safari supports VP8"); 363 | } else { 364 | Janus.warn("This version of Safari does NOT support VP8: if you're using a Technology Preview, " + 365 | "try enabling the 'WebRTC VP8 codec' setting in the 'Experimental Features' Develop menu"); 366 | } 367 | } else { 368 | // We do it in a very ugly way, as there's no alternative... 369 | // We create a PeerConnection to see if VP8 is in an offer 370 | var testpc = new RTCPeerConnection({}); 371 | testpc.createOffer({offerToReceiveVideo: true}).then(function(offer) { 372 | Janus.safariVp8 = offer.sdp.indexOf("VP8") !== -1; 373 | if(Janus.safariVp8) { 374 | Janus.log("This version of Safari supports VP8"); 375 | } else { 376 | Janus.warn("This version of Safari does NOT support VP8: if you're using a Technology Preview, " + 377 | "try enabling the 'WebRTC VP8 codec' setting in the 'Experimental Features' Develop menu"); 378 | } 379 | testpc.close(); 380 | testpc = null; 381 | }); 382 | } 383 | } 384 | // Check if this browser supports Unified Plan and transceivers 385 | // Based on https://codepen.io/anon/pen/ZqLwWV?editors=0010 386 | Janus.unifiedPlan = false; 387 | if(Janus.webRTCAdapter.browserDetails.browser === 'firefox' && 388 | Janus.webRTCAdapter.browserDetails.version >= 59) { 389 | // Firefox definitely does, starting from version 59 390 | Janus.unifiedPlan = true; 391 | } else if(Janus.webRTCAdapter.browserDetails.browser === 'chrome' && 392 | Janus.webRTCAdapter.browserDetails.version < 72) { 393 | // Chrome does, but it's only usable from version 72 on 394 | Janus.unifiedPlan = false; 395 | } else if(!window.RTCRtpTransceiver || !('currentDirection' in RTCRtpTransceiver.prototype)) { 396 | // Safari supports addTransceiver() but not Unified Plan when 397 | // currentDirection is not defined (see codepen above). 398 | Janus.unifiedPlan = false; 399 | } else { 400 | // Check if addTransceiver() throws an exception 401 | var tempPc = new RTCPeerConnection(); 402 | try { 403 | tempPc.addTransceiver('audio'); 404 | Janus.unifiedPlan = true; 405 | } catch (e) {} 406 | tempPc.close(); 407 | } 408 | Janus.initDone = true; 409 | options.callback(); 410 | } 411 | }; 412 | 413 | // Helper method to check whether WebRTC is supported by this browser 414 | Janus.isWebrtcSupported = function() { 415 | return !!window.RTCPeerConnection; 416 | }; 417 | // Helper method to check whether devices can be accessed by this browser (e.g., not possible via plain HTTP) 418 | Janus.isGetUserMediaAvailable = function() { 419 | return navigator.mediaDevices && navigator.mediaDevices.getUserMedia; 420 | }; 421 | 422 | // Helper method to create random identifiers (e.g., transaction) 423 | Janus.randomString = function(len) { 424 | var charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; 425 | var randomString = ''; 426 | for (var i = 0; i < len; i++) { 427 | var randomPoz = Math.floor(Math.random() * charSet.length); 428 | randomString += charSet.substring(randomPoz,randomPoz+1); 429 | } 430 | return randomString; 431 | }; 432 | 433 | function Janus(gatewayCallbacks) { 434 | gatewayCallbacks = gatewayCallbacks || {}; 435 | gatewayCallbacks.success = (typeof gatewayCallbacks.success == "function") ? gatewayCallbacks.success : Janus.noop; 436 | gatewayCallbacks.error = (typeof gatewayCallbacks.error == "function") ? gatewayCallbacks.error : Janus.noop; 437 | gatewayCallbacks.destroyed = (typeof gatewayCallbacks.destroyed == "function") ? gatewayCallbacks.destroyed : Janus.noop; 438 | if(!Janus.initDone) { 439 | gatewayCallbacks.error("Library not initialized"); 440 | return {}; 441 | } 442 | if(!Janus.isWebrtcSupported()) { 443 | gatewayCallbacks.error("WebRTC not supported by this browser"); 444 | return {}; 445 | } 446 | Janus.log("Library initialized: " + Janus.initDone); 447 | if(!gatewayCallbacks.server) { 448 | gatewayCallbacks.error("Invalid server url"); 449 | return {}; 450 | } 451 | var websockets = false; 452 | var ws = null; 453 | var wsHandlers = {}; 454 | var wsKeepaliveTimeoutId = null; 455 | var servers = null; 456 | var serversIndex = 0; 457 | var server = gatewayCallbacks.server; 458 | if(Janus.isArray(server)) { 459 | Janus.log("Multiple servers provided (" + server.length + "), will use the first that works"); 460 | server = null; 461 | servers = gatewayCallbacks.server; 462 | Janus.debug(servers); 463 | } else { 464 | if(server.indexOf("ws") === 0) { 465 | websockets = true; 466 | Janus.log("Using WebSockets to contact Janus: " + server); 467 | } else { 468 | websockets = false; 469 | Janus.log("Using REST API to contact Janus: " + server); 470 | } 471 | } 472 | var iceServers = gatewayCallbacks.iceServers || [{urls: "stun:stun.l.google.com:19302"}]; 473 | var iceTransportPolicy = gatewayCallbacks.iceTransportPolicy; 474 | var bundlePolicy = gatewayCallbacks.bundlePolicy; 475 | // Whether IPv6 candidates should be gathered 476 | var ipv6Support = (gatewayCallbacks.ipv6 === true); 477 | // Whether we should enable the withCredentials flag for XHR requests 478 | var withCredentials = false; 479 | if(gatewayCallbacks.withCredentials !== undefined && gatewayCallbacks.withCredentials !== null) 480 | withCredentials = gatewayCallbacks.withCredentials === true; 481 | // Optional max events 482 | var maxev = 10; 483 | if(gatewayCallbacks.max_poll_events !== undefined && gatewayCallbacks.max_poll_events !== null) 484 | maxev = gatewayCallbacks.max_poll_events; 485 | if(maxev < 1) 486 | maxev = 1; 487 | // Token to use (only if the token based authentication mechanism is enabled) 488 | var token = null; 489 | if(gatewayCallbacks.token !== undefined && gatewayCallbacks.token !== null) 490 | token = gatewayCallbacks.token; 491 | // API secret to use (only if the shared API secret is enabled) 492 | var apisecret = null; 493 | if(gatewayCallbacks.apisecret !== undefined && gatewayCallbacks.apisecret !== null) 494 | apisecret = gatewayCallbacks.apisecret; 495 | // Whether we should destroy this session when onbeforeunload is called 496 | this.destroyOnUnload = true; 497 | if(gatewayCallbacks.destroyOnUnload !== undefined && gatewayCallbacks.destroyOnUnload !== null) 498 | this.destroyOnUnload = (gatewayCallbacks.destroyOnUnload === true); 499 | // Some timeout-related values 500 | var keepAlivePeriod = 25000; 501 | if(gatewayCallbacks.keepAlivePeriod !== undefined && gatewayCallbacks.keepAlivePeriod !== null) 502 | keepAlivePeriod = gatewayCallbacks.keepAlivePeriod; 503 | if(isNaN(keepAlivePeriod)) 504 | keepAlivePeriod = 25000; 505 | var longPollTimeout = 60000; 506 | if(gatewayCallbacks.longPollTimeout !== undefined && gatewayCallbacks.longPollTimeout !== null) 507 | longPollTimeout = gatewayCallbacks.longPollTimeout; 508 | if(isNaN(longPollTimeout)) 509 | longPollTimeout = 60000; 510 | 511 | // overrides for default maxBitrate values for simulcasting 512 | function getMaxBitrates(simulcastMaxBitrates) { 513 | var maxBitrates = { 514 | high: 900000, 515 | medium: 300000, 516 | low: 100000, 517 | }; 518 | 519 | if (simulcastMaxBitrates !== undefined && simulcastMaxBitrates !== null) { 520 | if (simulcastMaxBitrates.high) 521 | maxBitrates.high = simulcastMaxBitrates.high; 522 | if (simulcastMaxBitrates.medium) 523 | maxBitrates.medium = simulcastMaxBitrates.medium; 524 | if (simulcastMaxBitrates.low) 525 | maxBitrates.low = simulcastMaxBitrates.low; 526 | } 527 | 528 | return maxBitrates; 529 | } 530 | 531 | var connected = false; 532 | var sessionId = null; 533 | var pluginHandles = {}; 534 | var that = this; 535 | var retries = 0; 536 | var transactions = {}; 537 | createSession(gatewayCallbacks); 538 | 539 | // Public methods 540 | this.getServer = function() { return server; }; 541 | this.isConnected = function() { return connected; }; 542 | this.reconnect = function(callbacks) { 543 | callbacks = callbacks || {}; 544 | callbacks.success = (typeof callbacks.success == "function") ? callbacks.success : Janus.noop; 545 | callbacks.error = (typeof callbacks.error == "function") ? callbacks.error : Janus.noop; 546 | callbacks["reconnect"] = true; 547 | createSession(callbacks); 548 | }; 549 | this.getSessionId = function() { return sessionId; }; 550 | this.destroy = function(callbacks) { destroySession(callbacks); }; 551 | this.attach = function(callbacks) { createHandle(callbacks); }; 552 | 553 | function eventHandler() { 554 | if(sessionId == null) 555 | return; 556 | Janus.debug('Long poll...'); 557 | if(!connected) { 558 | Janus.warn("Is the server down? (connected=false)"); 559 | return; 560 | } 561 | var longpoll = server + "/" + sessionId + "?rid=" + new Date().getTime(); 562 | if(maxev) 563 | longpoll = longpoll + "&maxev=" + maxev; 564 | if(token) 565 | longpoll = longpoll + "&token=" + encodeURIComponent(token); 566 | if(apisecret) 567 | longpoll = longpoll + "&apisecret=" + encodeURIComponent(apisecret); 568 | Janus.httpAPICall(longpoll, { 569 | verb: 'GET', 570 | withCredentials: withCredentials, 571 | success: handleEvent, 572 | timeout: longPollTimeout, 573 | error: function(textStatus, errorThrown) { 574 | Janus.error(textStatus + ":", errorThrown); 575 | retries++; 576 | if(retries > 3) { 577 | // Did we just lose the server? :-( 578 | connected = false; 579 | gatewayCallbacks.error("Lost connection to the server (is it down?)"); 580 | return; 581 | } 582 | eventHandler(); 583 | } 584 | }); 585 | } 586 | 587 | // Private event handler: this will trigger plugin callbacks, if set 588 | function handleEvent(json, skipTimeout) { 589 | retries = 0; 590 | if(!websockets && sessionId !== undefined && sessionId !== null && skipTimeout !== true) 591 | eventHandler(); 592 | if(!websockets && Janus.isArray(json)) { 593 | // We got an array: it means we passed a maxev > 1, iterate on all objects 594 | for(var i=0; i