fix(Cameras): disable picture in picture

Signed-off-by: Pedro Lamas <[email protected]>

Author: pedrolamas

src/components/widgets/camera/services/DeviceCamera.vue

@@ -2,6 +2,8 @@
   <video
     ref="streamingElement"
     autoplay
+    disablePictureInPicture
+    playsinline
     muted
     :style="cameraStyle"
     @play="updateStatus('connected')"

src/components/widgets/camera/services/HlsstreamCamera.vue

@@ -2,9 +2,11 @@
   <video
     ref="streamingElement"
     autoplay
+    disablePictureInPicture
+    playsinline
     muted
-    :crossorigin="crossorigin"
     :style="cameraStyle"
+    :crossorigin="crossorigin"
     @play="updateStatus('connected')"
     @error="updateStatus('error')"
   />
@@ -45,8 +47,10 @@ export default class HlsstreamCamera extends Mixins(CameraMixin) {
         this.hls.on(Hls.Events.MEDIA_ATTACHED, () => {
           this.cameraVideo.play()
         })
-        this.hls.on(Hls.Events.ERROR, () => {
-          this.updateStatus('error')
+        this.hls.on(Hls.Events.ERROR, (_, data) => {
+          if (data.fatal) {
+            this.updateStatus('error')
+          }
         })
       } else if (this.cameraVideo.canPlayType('application/vnd.apple.mpegurl')) {
         this.cameraVideo.src = url

src/components/widgets/camera/services/IpstreamCamera.vue

@@ -1,11 +1,13 @@
 <template>
   <video
     ref="streamingElement"
-    :src="cameraVideoSource"
     autoplay
+    disablePictureInPicture
+    playsinline
     muted
-    :crossorigin="crossorigin"
     :style="cameraStyle"
+    :crossorigin="crossorigin"
+    :src="cameraVideoSource"
     @play="updateStatus('connected')"
     @error="updateStatus('error')"
   />

src/components/widgets/camera/services/WebrtcCamerastreamerCamera.vue

@@ -2,6 +2,7 @@
   <video
     ref="streamingElement"
     autoplay
+    disablePictureInPicture
     playsinline
     muted
     :style="cameraStyle"

src/components/widgets/camera/services/WebrtcGo2RtcCamera.vue

@@ -2,6 +2,7 @@
   <video
     ref="streamingElement"
     autoplay
+    disablePictureInPicture
     playsinline
     muted
     :style="cameraStyle"

src/components/widgets/camera/services/WebrtcMediamtxCamera.vue

@@ -2,6 +2,7 @@
   <video
     ref="streamingElement"
     autoplay
+    disablePictureInPicture
     playsinline
     muted
     :style="cameraStyle"

src/components/widgets/filesystem/FilePreviewDialog.vue

@@ -13,6 +13,8 @@
         <video
           v-if="isVideo"
           controls
+          disablePictureInPicture
+          playsinline
         >
           <source
             :src="src"