mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-03 20:20:03 +00:00
Support VHS advanced preview in queue sidebar tab (#1183)
* Map VHS video type * Advance preview format * nit * View VHS advanced preview * Disable result gallery vitest * Proper disable
This commit is contained in:
24
src/components/sidebar/tabs/queue/ResultVideo.vue
Normal file
24
src/components/sidebar/tabs/queue/ResultVideo.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<video controls width="100%" height="100%">
|
||||
<source :src="url" :type="result.htmlVideoType" />
|
||||
{{ $t('videoFailedToLoad') }}
|
||||
</video>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ResultItemImpl } from '@/stores/queueStore'
|
||||
import { useSettingStore } from '@/stores/settingStore'
|
||||
import { computed } from 'vue'
|
||||
|
||||
const props = defineProps<{
|
||||
result: ResultItemImpl
|
||||
}>()
|
||||
|
||||
const settingStore = useSettingStore()
|
||||
const url = computed(() => {
|
||||
if (settingStore.get('VHS.AdvancedPreviews')) {
|
||||
return props.result.vhsAdvancedPreviewUrl
|
||||
}
|
||||
return props.result.url
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user