myaiforone 1.1.64 → 1.1.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myaiforone",
-  "version": "1.1.64",
+  "version": "1.1.65",
   "type": "module",
   "description": "Routes messages from phone channels to project-specific Claude Code agents",
   "bin": {

package/public/voice-mode.html

@@ -426,7 +426,8 @@ let currentJobId = null;       // in-flight chat job id
 let lastUserText = '';         // last transcribed user input
 let lastAgentText = '';        // last agent response (full)
 let lastAudioBlob = null;      // cached TTS audio Blob for re-reading
-let audioElement = null;       // HTMLAudioElement currently playing TTS
+let audioElement = null;       // HTMLAudioElement currently playing TTS (reused — keeps iOS user-activation)
+let audioUnlocked = false;     // iOS Safari: have we primed audio in a user gesture yet?
 
 // ─── Voice config (decides server-side vs browser path) ──
 async function loadVoiceConfig(){
@@ -621,8 +622,41 @@ async function newSession(){
   }
 }
 
+// ─── iOS Safari audio unlock ──────────────────────────
+// Must be called SYNCHRONOUSLY from a user-gesture handler (e.g. the tap on the big button).
+// After this primes successfully once, later async-triggered audio.play() and
+// speechSynthesis.speak() calls are permitted by iOS for the lifetime of the page.
+function unlockAudio(){
+  if (audioUnlocked) return;
+  try {
+    // 1) Warm an HTMLAudioElement we'll reuse for blob playback.
+    //    Tiny silent WAV — plays instantly, satisfies the user-activation requirement.
+    if (!audioElement){
+      audioElement = new Audio();
+      audioElement.preload = 'auto';
+      audioElement.playsInline = true;
+      audioElement.setAttribute('playsinline', '');
+    }
+    audioElement.src = 'data:audio/wav;base64,UklGRiQAAABXQVZFZm10IBAAAAABAAEAESsAACJWAAACABAAZGF0YQAAAAA=';
+    const p = audioElement.play();
+    if (p && typeof p.then === 'function') p.catch(() => {});
+  } catch {}
+  try {
+    // 2) Warm speechSynthesis with an empty utterance.
+    if (window.speechSynthesis){
+      const u = new SpeechSynthesisUtterance('');
+      u.volume = 0;
+      window.speechSynthesis.speak(u);
+    }
+  } catch {}
+  audioUnlocked = true;
+}
+
 // ─── Big button dispatcher ────────────────────────────
 function onBigBtn(){
+  // Run audio-unlock FIRST and synchronously — iOS only counts this as a user-gesture
+  // call if it happens before any await.
+  unlockAudio();
   if (state === 'idle')         startListening();
   else if (state === 'listening')  stopListeningAndSend();
   else if (state === 'processing') abortJob();
@@ -910,13 +944,19 @@ async function playTtsForText(text){
 function playBlob(blob){
   return new Promise((resolve) => {
     let done = false;
+    const url = URL.createObjectURL(blob);
     const finish = () => { if (done) return; done = true; try { URL.revokeObjectURL(url); } catch {}; resolve(); };
-    if (audioElement){
+    // IMPORTANT: reuse the existing audioElement (warmed by unlockAudio on the tap),
+    // so iOS Safari still considers it user-activated. Creating `new Audio()` here
+    // produces an un-activated element that iOS silently refuses to play.
+    if (!audioElement){
+      audioElement = new Audio();
+      audioElement.preload = 'auto';
+      audioElement.playsInline = true;
+      audioElement.setAttribute('playsinline', '');
+    } else {
       try { audioElement.pause(); } catch {}
-      try { URL.revokeObjectURL(audioElement.src); } catch {}
     }
-    const url = URL.createObjectURL(blob);
-    audioElement = new Audio(url);
     audioElement.onended = finish;
     audioElement.onerror = finish;
     audioElement.onpause = () => { // iOS Safari sometimes fires pause instead of ended at completion
@@ -932,7 +972,10 @@ function playBlob(blob){
         ceilingTimer = setTimeout(finish, Math.ceil(dur * 1000) + 2000);
       }
     };
-    audioElement.play().catch(finish);
+    audioElement.src = url;
+    try { audioElement.currentTime = 0; } catch {}
+    const p = audioElement.play();
+    if (p && typeof p.catch === 'function') p.catch(finish);
   });
 }