no sound

app.py

@@ -421,7 +421,7 @@ with gr.Blocks(fill_height=True, css=GLOBAL_CSS) as demo:
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("**Expected depiction of action**")
-                    gr.Video(value=EX_CACHE["BodyWeightSquats"]["real"], height=240, autoplay=False)
+                    gr.Video(value=EX_CACHE["BodyWeightSquats"]["real"], height=240, autoplay=False, elem_id="ex_squats_real",)
                 with gr.Column():
                     gr.Markdown("**Poorly generated action**")
                     gr.Video(value=EX_CACHE["BodyWeightSquats"]["bad"], height=240, autoplay=False)
@@ -434,13 +434,58 @@ with gr.Blocks(fill_height=True, css=GLOBAL_CSS) as demo:
             with gr.Row():
                 with gr.Column():
                     gr.Markdown("**Expected depiction of action**")
-                    gr.Video(value=EX_CACHE["WallPushUps"]["real"], height=240, autoplay=False)
+                    gr.Video(value=EX_CACHE["WallPushUps"]["real"], height=240, autoplay=False, elem_id="ex_wallpushups_real",)
                 with gr.Column():
                     gr.Markdown("**Poorly generated action**")
                     gr.Video(value=EX_CACHE["WallPushUps"]["bad"], height=240, autoplay=False)
             if not (EX_CACHE["WallPushUps"]["real"] and EX_CACHE["WallPushUps"]["bad"]):
                 gr.Markdown("> ⚠️ Upload `examples/WallPushUps_real.mp4` and `_bad.mp4` to show both samples.")
 
+        gr.HTML("""
+            <script>
+            (function(){
+            const ids = [
+                "ex_squats_real",
+                "ex_wallpushups_real",
+            ];
+            function muteById(id){
+                const host = document.getElementById(id);
+                if(!host) return;
+                // gr.Video는 Shadow DOM 내부에 <video>가 랜더링됨
+                const roots = [host, host.shadowRoot].filter(Boolean);
+                roots.forEach(root=>{
+                const vids = root.querySelectorAll('video');
+                vids.forEach(v=>{
+                    try{
+                    v.muted = true;
+                    v.volume = 0.0;
+                    v.setAttribute('muted','');
+                    v.setAttribute('playsinline','');
+                    // 사용자가 바꿔도 즉시 원복
+                    if(!v._exMuteHooked){
+                        v.addEventListener('volumechange', ()=>{
+                        if(!v.muted || v.volume > 0){ v.muted = true; v.volume = 0.0; }
+                        });
+                        v.addEventListener('play', ()=>{
+                        v.muted = true; v.volume = 0.0;
+                        });
+                        v._exMuteHooked = true;
+                    }
+                    }catch(e){}
+                });
+                });
+            }
+            function apply(){
+                ids.forEach(muteById);
+            }
+            // 초기 + DOM변경 시 적용
+            apply();
+            new MutationObserver(apply).observe(document, {subtree:true, childList:true});
+            })();
+            </script>
+            """)
+
+
         understood = gr.Checkbox(label="I have read and understand the task.", value=False)
         start_btn  = gr.Button("Yes, start", variant="secondary", interactive=False)