Video preview supports sound

Author: longgui0318

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "wavespeed-comfyui"
 description = "This is a custom node for ComfyUI that allows you to use the WaveSpeed AI API directly in ComfyUI. WaveSpeed AI is a high-performance AI image and video generation service platform offering industry-leading generation speeds. For more information, see [a/WaveSpeed AI Documentation](https://wavespeed.ai/docs)."
-version = "1.3.7"
+version = "1.3.8"
 license = {file = "LICENSE"}
 dependencies = ["requests", "pillow"]
 

web/previewVideo.js

@@ -51,9 +51,20 @@ export function addVideoPreview(nodeType, options = {}) {
         return new Promise((cb) => {
             const videoEl = document.createElement('video');
             videoEl.addEventListener('loadedmetadata', () => {
-                videoEl.controls = false;
+                // Show native controls so user can unmute if desired
+                videoEl.controls = true;
                 videoEl.loop = true;
+                // Start muted to satisfy autoplay policies; allow user to unmute via click/controls
                 videoEl.muted = true;
+                // iOS/Safari inline playback with sound after gesture
+                videoEl.playsInline = true;
+                // Click to unmute and continue playback with audio
+                videoEl.addEventListener('click', () => {
+                    if (videoEl.muted) {
+                        videoEl.muted = false;
+                        videoEl.play();
+                    }
+                });
                 resizeVideoAspectRatio(videoEl, BASE_SIZE, BASE_SIZE);
                 cb(videoEl);
             });
@@ -124,9 +135,14 @@ export function addVideoPreview(nodeType, options = {}) {
 
                 this.imgs.forEach((img) => {
                     if (img instanceof HTMLVideoElement) {
+                        // Keep initial autoplay muted; user can unmute via controls or click
                         img.muted = true;
                         img.autoplay = true;
-                        img.play();
+                        // Best-effort autoplay; ignore promise rejection from blocked autoplay with sound
+                        const playPromise = img.play();
+                        if (playPromise && typeof playPromise.catch === 'function') {
+                            playPromise.catch(() => {});
+                        }
                     }
                 });