diff --git a/core/frontend/src/components/vehiclesetup/overview/VideoOverview.vue b/core/frontend/src/components/vehiclesetup/overview/VideoOverview.vue index b3d4990f8d..b44c6cd006 100755 --- a/core/frontend/src/components/vehiclesetup/overview/VideoOverview.vue +++ b/core/frontend/src/components/vehiclesetup/overview/VideoOverview.vue @@ -23,9 +23,10 @@ @@ -75,7 +76,8 @@ export default Vue.extend({ const valid_devices = devices.filter( (device) => !device.name.toLocaleLowerCase().startsWith('fake') && !device.name.toLocaleLowerCase().startsWith('bcm') - && has_supported_encode(device), + && has_supported_encode(device) + && !available_streams_from_device(video.available_streams, device).isEmpty(), ) return valid_devices }, diff --git a/core/frontend/src/components/video-manager/VideoThumbnail.vue b/core/frontend/src/components/video-manager/VideoThumbnail.vue index 72bbe68331..6056f39157 100644 --- a/core/frontend/src/components/video-manager/VideoThumbnail.vue +++ b/core/frontend/src/components/video-manager/VideoThumbnail.vue @@ -131,6 +131,7 @@ export default Vue.extend({ }, register: Boolean, disabled: Boolean, + autoplay: Boolean, }, data() { return { @@ -180,6 +181,10 @@ export default Vue.extend({ }, mounted() { this.update_task.setAction(this.updateThumbnail) + if (this.autoplay && this.register) { + this.continuous_mode = true + video.startGetThumbnailForDevice(this.source) + } }, beforeDestroy() { clearTimeout(this.stopDebounceTimer)