Add support for adding a custom turn server under settings.

static/js/controllers/appcontroller.js

@@ -56,6 +56,13 @@ define(["jquery", "angular", "underscore"], function($, angular, _) {
 					videoLeakyBucket: true,
 					videoNoiseReduction: false
 				},
+				webrtc: {
+					turn: {
+						urls: ['turn:turnserver:port?transport=udp', 'turn:turnserver:port?transport=tcp'],
+						username: 'myusername',
+						password: 'the-default-turn-secret-do-not-keep'
+					}
+				},
 				sound: {
 					incomingMessages: true,
 					incomingCall: true,

static/js/directives/settings.js

@@ -70,6 +70,18 @@ define(['jquery', 'underscore', 'text!partials/settings.html'], function($, _, t
 			$scope.withUsers = mediaStream.config.UsersEnabled;
 			$scope.withUsersRegistration = mediaStream.config.UsersAllowRegistration;
 			$scope.withUsersMode = mediaStream.config.UsersMode;
+			$scope.withTurnCustomizable = mediaStream.config.TurnURIsClientSideSetable;
+
+			var updateTurnSettings = function() {
+				constraints.turn($scope.user.settings.webrtc.turn);
+			};
+
+			if ($scope.withTurnCustomizable && $scope.user.settings.webrtc.turn.urls) {
+				// Overwrite server Turn settings
+				appData.e.one("userSettingsLoaded", function() {
+					updateTurnSettings();
+				});
+			}
 
 			_.each(availableLanguages, function(name, code) {
 				$scope.availableLanguages.push({
@@ -90,6 +102,9 @@ define(['jquery', 'underscore', 'text!partials/settings.html'], function($, _, t
 				if (form.$valid && form.$dirty) {
 					var user = $scope.user;
 					$scope.update(user);
+					if ($scope.withTurnCustomizable) {
+						updateTurnSettings();
+					}
 					if ($scope.rememberSettings) {
 						userSettingsData.save(user);
 						localStorage.setItem("mediastream-language", user.settings.language || "");

static/partials/settings.html

@@ -283,6 +283,27 @@
             </div>
           </div>
 
+          <div ng-show="withTurnCustomizable">
+            <div class="form-group">
+              <label class="col-xs-4 control-label">{{_('Turn urls')}}</label>
+              <div class="col-xs-8">
+                <input class="form-control" type="text" ng-model="user.settings.webrtc.turn.urls"/>&nbsp;
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-xs-4 control-label">{{_('Turn username')}}</label>
+              <div class="col-xs-8">
+                <input class="form-control" type="text" ng-model="user.settings.webrtc.turn.username"/>&nbsp;
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-xs-4 control-label">{{_('Turn password')}}</label>
+              <div class="col-xs-8">
+                <input class="form-control" type="text" ng-model="user.settings.webrtc.turn.password"/>&nbsp;
+              </div>
+            </div>
+          </div>
+
         </div>
 
         <settings-advanced-extra settings-advanced-extra></settings-advanced-extra>