fix(CAMERA_STREAM): fix frozen streams playing on load (#694)

"$scope.$watch('entity', requestStream)" requested the stream and
started playing the stream even when "frozen" was true. Refactored a bit
to fix that. The code is getting kinda messy but whatever.

scripts/directives/cameraStream.js

@@ -26,35 +26,33 @@ export default function (Api, $timeout) {
          let hls = null;
 
          $scope.$watch('frozen', frozen => {
-            if (current) {
-               if (frozen) {
-                  onFreezed();
-               } else {
-                  onUnfreezed();
-               }
+            if (frozen) {
+               onFreezed();
+            } else {
+               onUnfreezed();
             }
          });
 
          function onFreezed () {
-            if (!current.paused) {
+            if (current && !current.paused) {
                current.pause();
                suspendPromise = $timeout(() => {
                   if (hls) {
                      hls.destroy();
                      hls = null;
+                     current.remove();
+                     current = null;
                   }
                }, SUSPEND_TIMEOUT_MS);
             }
          }
 
          function onUnfreezed () {
             $timeout.cancel(suspendPromise);
-            if (current.paused) {
-               if (hls) {
-                  Promise.resolve(current.play()).catch(() => {});
-               } else {
-                  requestStream();
-               }
+            if (hls) {
+               Promise.resolve(current.play()).catch(() => {});
+            } else {
+               requestStream();
             }
          }
 
@@ -101,7 +99,7 @@ export default function (Api, $timeout) {
          };
 
          const requestStream = function () {
-            if ($scope.entity.state === 'off') {
+            if ($scope.entity.state === 'off' || $scope.frozen) {
                return;
             }