Use "safeApply" when handling webrtc done/stop events.

static/js/directives/audiovideo.js

@@ -291,40 +291,40 @@ define(['jquery', 'underscore', 'text!partials/audiovideo.html', 'text!partials/
 
 			mediaStream.webrtc.e.on("done stop", function(event) {
 
-				$scope.$apply(function() {
+				safeApply($scope, function(scope) {
-					if (!$scope.isActive) {
+					if (!scope.isActive) {
 						return;
 					}
-					$scope.hasUsermedia = false;
+					scope.hasUsermedia = false;
-					$scope.isActive = false;
+					scope.isActive = false;
-					$scope.peersTalking = {};
+					scope.peersTalking = {};
 					if (BigScreen.enabled) {
 						BigScreen.exit();
 					}
 					var removeVideos = function() {
-						if ($scope.isActive) {
+						if (scope.isActive) {
 							return;
 						}
-						$scope.localVideo.src = '';
+						scope.localVideo.src = '';
-						$scope.miniVideo.src = '';
+						scope.miniVideo.src = '';
-						$($scope.remoteVideos).children(".remoteVideo").remove();
+						$(scope.remoteVideos).children(".remoteVideo").remove();
 					};
 					if (event.type === "stop") {
 						removeVideos();
 					} else {
 						$timeout(removeVideos, 1500);
 					}
-					$($scope.mini).removeClass("visible");
+					$(scope.mini).removeClass("visible");
-					$scope.localVideos.style.opacity = 1;
+					scope.localVideos.style.opacity = 1;
-					$scope.localVideo.style.opacity = 0;
+					scope.localVideo.style.opacity = 0;
-					$scope.remoteVideos.style.opacity = 0;
+					scope.remoteVideos.style.opacity = 0;
 					$element.removeClass('active');
-					_.each(streams, function(scope, k) {
+					_.each(streams, function(streamscope, k) {
-						scope.$destroy();
+						streamscope.$destroy();
 						delete streams[k];
 					});
-					$scope.rendererName = $scope.defaultRendererName;
+					scope.rendererName = scope.defaultRendererName;
-					$scope.haveStreams = false;
+					scope.haveStreams = false;
 				});
 
 			});