Can't preview audio and video in Vue nodes

[comfyui-wiki]

Screen.Recording.2025-09-20.at.23.56.16.mov

┆Issue is synchronized with this Notion page by Unito

[christian-byrne]

Claude findings:

Vue nodes can't preview audio/video because the system only implements ImagePreview but lacks AudioPreview/VideoPreview components.

Root cause:

• NodeContent.vue only renders ImagePreview
• useNodePreviewState only handles image URLs
• Audio nodes set previewMediaType='audio' but Vue nodes don't consume this metadata

Solution:
Create AudioPreview.vue and VideoPreview.vue components, then update NodeContent.vue to route based on previewMediaType. Follow the pattern from PR #5579 which implemented image previews.

Files to modify:

• Add src/renderer/extensions/vueNodes/components/AudioPreview.vue
• Add src/renderer/extensions/vueNodes/components/VideoPreview.vue
• Update NodeContent.vue to handle multiple media types
• Extend useNodePreviewState for audio/video URLs