fix: ignore crossorigin in cameras by default (#1152)

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

src/components/widgets/camera/CameraItem.vue

@@ -9,6 +9,7 @@
         :is="cameraComponent"
         ref="component-instance"
         :camera="camera"
+        :crossorigin="crossorigin"
         class="camera-image"
         @raw-camera-url="rawCameraUrl = $event"
         @frames-per-second="framesPerSecond = $event"
@@ -68,6 +69,9 @@ export default class CameraItem extends Vue {
   @Prop({ type: Boolean, required: false, default: false })
   readonly fullscreen!: boolean
 
+  @Prop({ type: String })
+  readonly crossorigin?: 'anonymous' | 'use-credentials' | ''
+
   @Ref('component-instance')
   readonly componentInstance!: CameraMixin
 

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

@@ -3,7 +3,7 @@
     ref="streamingElement"
     autoplay
     muted
-    crossorigin="anonymous"
+    :crossorigin="crossorigin"
     :style="cameraStyle"
   />
 </template>

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

@@ -4,7 +4,7 @@
     :src="cameraVideoSource"
     autoplay
     muted
-    crossorigin="anonymous"
+    :crossorigin="crossorigin"
     :style="cameraStyle"
   />
 </template>

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

@@ -3,7 +3,7 @@
     ref="streamingElement"
     :src="cameraImageSource"
     :style="cameraStyle"
-    crossorigin="anonymous"
+    :crossorigin="crossorigin"
     @load="handleImageLoad"
   >
 </template>

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

@@ -3,7 +3,7 @@
     ref="streamingElement"
     :src="cameraImageSource"
     :style="cameraStyle"
-    crossorigin="anonymous"
+    :crossorigin="crossorigin"
   >
 </template>
 

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

@@ -4,7 +4,7 @@
     autoplay
     muted
     :style="cameraStyle"
-    crossorigin="anonymous"
+    :crossorigin="crossorigin"
   />
 </template>
 

src/mixins/camera.ts

@@ -7,6 +7,9 @@ export default class CameraMixin extends Vue {
   @Prop({ type: Object, required: true })
   readonly camera!: CameraConfig
 
+  @Prop({ type: String })
+  readonly crossorigin?: 'anonymous' | 'use-credentials' | ''
+
   @Ref('streamingElement')
   readonly streamingElement!: HTMLImageElement | HTMLIFrameElement | HTMLVideoElement