fix: fix img size without a stream (u4vl-mode) (#860)

mainsail-crew · May 29, 2022 · 4671935 · 4671935
1 parent 4be40b6
commit 4671935
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/webcams/Mjpegstreamer.vue b/src/components/webcams/Mjpegstreamer.vue
@@ -1,4 +1,4 @@
-<style>
+<style scoped>
 .webcamImage {
     width: 100%;
     background: lightgray;

diff --git a/src/components/webcams/Uv4lMjpeg.vue b/src/components/webcams/Uv4lMjpeg.vue
@@ -9,15 +9,13 @@
     <img
         ref="webcamUv4lMjpegImage"
         v-observe-visibility="viewportVisibilityChanged"
-        :src="url"
-        :alt="camSettings.name"
         :style="webcamStyle"
         class="webcamImage"
         @load="onload" />
 </template>
 
 <script lang="ts">
-import { Component, Mixins, Prop } from 'vue-property-decorator'
+import { Component, Mixins, Prop, Watch } from 'vue-property-decorator'
 import BaseMixin from '@/components/mixins/base'
 import { GuiWebcamStateWebcam } from '@/store/gui/webcams/types'
 
@@ -109,5 +107,11 @@ export default class Uv4lMjpeg extends Mixins(BaseMixin) {
                 this.$refs.webcamUv4lMjpegImage.naturalWidth / this.$refs.webcamUv4lMjpegImage.naturalHeight
         }
     }
+
+    @Watch('url')
+    async urlChanged() {
+        await this.stopStream()
+        await this.startStream()
+    }
 }
 </script>