From af76717871133a62bf87bb2b2974b7c9ecb3c25f Mon Sep 17 00:00:00 2001
From: 3nd3r <lord3nd3r@gmail.com>
Date: Fri, 2 Jan 2026 22:13:13 -0600
Subject: [PATCH] Use video element for listener MSE playback

---
 script.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/script.js b/script.js
index f0813a6..b4b18e1 100644
--- a/script.js
+++ b/script.js
@@ -2107,12 +2107,17 @@ function initListenerMode() {
             audio.load(); // Reset the element
         }
     } else {
-        // Create a new hidden audio element
-        audio = new Audio();
+        // Create a new hidden media element.
+        // Note: MSE (MediaSource) support is often more reliable on <video> than <audio>.
+        audio = document.createElement('video');
         audio.autoplay = false; // Don't autoplay - we use the Enable Audio button
-        audio.hidden = true;
+        audio.muted = false;
+        audio.controls = false;
+        audio.playsInline = true;
+        audio.setAttribute('playsinline', '');
+        audio.style.display = 'none';
         document.body.appendChild(audio);
-        console.log('🆕 Created new audio element');
+        console.log('🆕 Created new media element (video) for listener');
 
         // AudioContext will be created later on user interaction
     }