You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
376 lines
11 KiB
376 lines
11 KiB
/* |
|
* Spreed WebRTC. |
|
* Copyright (C) 2013-2014 struktur AG |
|
* |
|
* This file is part of Spreed WebRTC. |
|
* |
|
* This program is free software: you can redistribute it and/or modify |
|
* it under the terms of the GNU Affero General Public License as published by |
|
* the Free Software Foundation, either version 3 of the License, or |
|
* (at your option) any later version. |
|
* |
|
* This program is distributed in the hope that it will be useful, |
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
* GNU Affero General Public License for more details. |
|
* |
|
* You should have received a copy of the GNU Affero General Public License |
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
* |
|
*/ |
|
define([ |
|
'jquery', |
|
'underscore', |
|
'ua-parser', |
|
'modernizr', |
|
'mediastream/connector', |
|
'mediastream/api', |
|
'mediastream/webrtc', |
|
'mediastream/tokens' |
|
|
|
], function($, _, uaparser, Modernizr, Connector, Api, WebRTC, tokens) { |
|
|
|
return ["globalContext", "$route", "$location", "$window", "visibility", "alertify", "$http", "safeApply", "$timeout", "$sce", "localStorage", "continueConnector", function(context, $route, $location, $window, visibility, alertify, $http, safeApply, $timeout, $sce, localStorage, continueConnector) { |
|
|
|
var url = (context.Ssl ? "wss" : "ws") + "://" + context.Host + (context.Cfg.B || "/") + "ws"; |
|
var version = context.Cfg.Version || "unknown"; |
|
console.log("Service version: " + version); |
|
console.log("Ws URL: " + url); |
|
console.log("Secure Contextual Escaping: " + $sce.isEnabled()); |
|
|
|
var connector = new Connector(version); |
|
var api = new Api(connector); |
|
var webrtc = new WebRTC(api); |
|
|
|
// Create encryption key from server token and browser name. |
|
var secureKey = sjcl.codec.base64.fromBits(sjcl.hash.sha256.hash(context.Cfg.Token + uaparser().browser.name)); |
|
|
|
var mediaStream = { |
|
version: version, |
|
ws: url, |
|
config: context.Cfg, |
|
webrtc: webrtc, |
|
connector: connector, |
|
api: api, |
|
tokens: tokens, |
|
url: { |
|
room: function(id) { |
|
id = $window.encodeURIComponent(id); |
|
return $window.location.protocol + '//' + $window.location.host + context.Cfg.B + id; |
|
}, |
|
buddy: function(id) { |
|
return $window.location.protocol + '//' + $window.location.host + context.Cfg.B + "static/img/buddy/s46/" + id; |
|
}, |
|
api: function(path) { |
|
return (context.Cfg.B || "/") + "api/v1/" + path; |
|
} |
|
}, |
|
users: { |
|
register: function(form, success_cb, error_cb) { |
|
var url = mediaStream.url.api("users"); |
|
if (form) { |
|
// Form submit mode. |
|
$(form).attr("action", url).attr("method", "POST"); |
|
var idE = $('<input name="id" type="hidden">'); |
|
idE.val(mediaStream.api.id); |
|
var sidE = $('<input name="sid" type="hidden">'); |
|
sidE.val(mediaStream.api.sid); |
|
$(form).append(idE); |
|
$(form).append(sidE); |
|
var iframe = $(form).find("iframe"); |
|
form.submit(); |
|
$timeout(function() { |
|
idE.remove(); |
|
sidE.remove(); |
|
idE = null; |
|
sidE = null; |
|
}, 0); |
|
var retries = 0; |
|
var authorize = function() { |
|
mediaStream.users.authorize({ |
|
count: retries |
|
}, success_cb, function(data, status) { |
|
// Error handler retry. |
|
retries++; |
|
if (retries <= 10) { |
|
$timeout(authorize, 2000); |
|
} else { |
|
console.error("Failed to authorize session", status, data); |
|
if (error_cb) { |
|
error_cb(data, status) |
|
} |
|
} |
|
}); |
|
}; |
|
$timeout(authorize, 1500); |
|
} else { |
|
// AJAX mode. |
|
var data = { |
|
id: mediaStream.api.id, |
|
sid: mediaStream.api.sid |
|
} |
|
$http({ |
|
method: "POST", |
|
url: url, |
|
data: JSON.stringify(data), |
|
headers: { |
|
'Content-Type': 'application/json' |
|
} |
|
}). |
|
success(function(data, status) { |
|
if (data.userid !== "" && data.success) { |
|
success_cb(data, status); |
|
} else { |
|
if (error_cb) { |
|
error_cb(data, status); |
|
} |
|
} |
|
}). |
|
error(function(data, status) { |
|
if (error_cb) { |
|
error_cb(data, status) |
|
} |
|
}); |
|
} |
|
}, |
|
authorize: function(data, success_cb, error_cb) { |
|
var url = mediaStream.url.api("sessions") + "/" + mediaStream.api.id + "/"; |
|
var login = _.clone(data); |
|
login.id = mediaStream.api.id; |
|
login.sid = mediaStream.api.sid; |
|
$http({ |
|
method: "PATCH", |
|
url: url, |
|
data: JSON.stringify(login), |
|
headers: { |
|
'Content-Type': 'application/json' |
|
} |
|
}). |
|
success(function(data, status) { |
|
if (data.nonce !== "" && data.success) { |
|
success_cb(data, status); |
|
} else { |
|
if (error_cb) { |
|
error_cb(data, status); |
|
} |
|
} |
|
}). |
|
error(function(data, status) { |
|
if (error_cb) { |
|
error_cb(data, status) |
|
} |
|
}); |
|
}, |
|
store: function(data) { |
|
// So we store the stuff in localStorage for later use. |
|
var store = _.clone(data); |
|
store.v = 42; // No idea what number - so use 42. |
|
var login = sjcl.encrypt(secureKey, JSON.stringify(store)); |
|
localStorage.setItem("mediastream-login-" + context.Cfg.UsersMode, login); |
|
return login; |
|
}, |
|
load: function() { |
|
// Check if we have something in store. |
|
var login = localStorage.getItem("mediastream-login-" + context.Cfg.UsersMode); |
|
if (login) { |
|
try { |
|
login = sjcl.decrypt(secureKey, login); |
|
login = JSON.parse(login) |
|
} catch (err) { |
|
console.error("Failed to parse stored login data", err); |
|
login = {}; |
|
} |
|
switch (login.v) { |
|
case 42: |
|
return login; |
|
default: |
|
console.warn("Unknown stored credentials", login.v); |
|
break; |
|
} |
|
} |
|
return null; |
|
}, |
|
forget: function() { |
|
localStorage.removeItem("mediastream-login-" + context.Cfg.UsersMode); |
|
} |
|
}, |
|
connect: function() { |
|
continueConnector.then(function() { |
|
console.log("Connecting ..."); |
|
connector.connect(url); |
|
}); |
|
}, |
|
reconnect: function() { |
|
continueConnector.then(function() { |
|
console.log("Reconnecting ..."); |
|
connector.reconnect(); |
|
}); |
|
}, |
|
initialize: function($rootScope, translation) { |
|
|
|
var cont = false; |
|
var ready = false; |
|
|
|
$rootScope.version = version; |
|
$rootScope.roomid = null; |
|
$rootScope.roomlink = null; |
|
$rootScope.roomstatus = false; |
|
$rootScope.connect = false; |
|
|
|
var connect = function() { |
|
// We need websocket support to connect. |
|
if (!Modernizr.websockets) { |
|
console.error("This browser has no support for websockets. Connect aborted."); |
|
return; |
|
} |
|
if (ready && cont) { |
|
// Inject connector function into scope, so that controllers can pick it up. |
|
console.log("Ready to connect ..."); |
|
mediaStream.connect(); |
|
safeApply($rootScope, function(scope) { |
|
scope.connect = true; |
|
}); |
|
} |
|
}; |
|
|
|
$window.changeRoom = function(room) { |
|
$rootScope.$apply(function(scope) { |
|
$location.path("/" + room).replace(); |
|
}); |
|
}; |
|
|
|
var title = (function(e) { |
|
return { |
|
element: e, |
|
text: e.text() |
|
} |
|
}($("title"))); |
|
|
|
// Room selector. |
|
$rootScope.$on("$locationChangeSuccess", function(event) { |
|
//console.log("location change", $route, $rootScope.roomid); |
|
var defaultRoom, room; |
|
room = defaultRoom = $rootScope.roomid || ""; |
|
if ($route.current) { |
|
room = $route.current.params.room; |
|
} else { |
|
room = ""; |
|
} |
|
if (!ready && room !== defaultRoom && !room) { |
|
// First start. |
|
$location.path("/" + defaultRoom).replace(); |
|
return; |
|
} |
|
console.info("Selected room is:", [room]); |
|
if (!ready || !cont) { |
|
ready = true; |
|
connector.roomid = room; |
|
connect(); |
|
} else { |
|
connector.room(room); |
|
} |
|
$rootScope.roomid = room; |
|
$rootScope.roomlink = room ? mediaStream.url.room(room) : null; |
|
|
|
if ($rootScope.roomlink) { |
|
title.element.text(room + " - " + title.text); |
|
} else { |
|
title.element.text(title.text); |
|
} |
|
|
|
}); |
|
|
|
// Cache events, to avoid ui flicker during quick room changes. |
|
var roomStatusCache = $rootScope.roomstatus; |
|
var roomCache = null; |
|
var roomCache2 = null; |
|
$rootScope.$on("roomStatus", function(event, status) { |
|
roomStatusCache = status ? true : false; |
|
roomCache = status ? $rootScope.roomid : null; |
|
$timeout(function() { |
|
if ($rootScope.roomstatus !== roomStatusCache) { |
|
$rootScope.roomstatus = roomStatusCache; |
|
} |
|
if (roomCache !== roomCache2) { |
|
$rootScope.$broadcast("room", roomCache); |
|
roomCache2 = roomCache; |
|
} |
|
}, 100); |
|
}); |
|
|
|
visibility.afterPrerendering(function() { |
|
|
|
// Hide loader when we are visible. |
|
var loader = $("#loader"); |
|
loader.addClass("done"); |
|
_.delay(function() { |
|
loader.remove(); |
|
}, 1000); |
|
|
|
if (context.Cfg.Tokens) { |
|
var storedCode = localStorage.getItem("mediastream-access-code"); |
|
var prompt = function() { |
|
alertify.dialog.prompt(translation._("Access code required"), function(code) { |
|
if (!code) { |
|
prompt(); |
|
} else { |
|
check(code); |
|
return; |
|
} |
|
}, prompt); |
|
}; |
|
var url = mediaStream.url.api("tokens"); |
|
var check = function(code) { |
|
$http({ |
|
method: "POST", |
|
url: url, |
|
data: $.param({ |
|
a: code |
|
}), |
|
headers: { |
|
'Content-Type': 'application/x-www-form-urlencoded' |
|
} |
|
}). |
|
success(function(data, status) { |
|
if (data.token !== "" && data.success) { |
|
localStorage.setItem("mediastream-access-code", code); |
|
cont = true; |
|
connect(); |
|
} else { |
|
alertify.dialog.error(translation._("Access denied"), translation._("Please provide a valid access code."), function() { |
|
prompt(); |
|
}); |
|
} |
|
}). |
|
error(function(data, status) { |
|
if ((status == 403 || status == 413) && data.success === false) { |
|
alertify.dialog.error(translation._("Access denied"), translation._("Please provide a valid access code."), function() { |
|
prompt(); |
|
}); |
|
} else { |
|
alertify.dialog.error(translation._("Error"), translation._("Failed to verify access code. Check your Internet connection and try again."), function() { |
|
prompt(); |
|
}); |
|
} |
|
}); |
|
}; |
|
if (storedCode) { |
|
check(storedCode); |
|
} else { |
|
prompt(); |
|
} |
|
} else { |
|
cont = true; |
|
connect(); |
|
} |
|
|
|
}); |
|
|
|
} |
|
}; |
|
|
|
return mediaStream; |
|
|
|
}]; |
|
|
|
});
|
|
|