From 6083597065bbb5449b63e02cc2a51d8b9d841867 Mon Sep 17 00:00:00 2001
From: Cosmo <cosmo@digital-home.site>
Date: Mon, 27 Apr 2026 11:17:41 +0000
Subject: [PATCH] =?UTF-8?q?fix(voice):=20TTS=20=D0=B8=D0=B3=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B5=D1=82=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7=20AudioContext=20?=
 =?UTF-8?q?(=D1=84=D0=B8=D0=BA=D1=81=20=D0=B4=D0=BB=D1=8F=20iPad=20Safari)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

iOS Safari блокирует <audio>.play() даже после silent-WAV unlock —
каждый new Audio() считается новым элементом без gesture.

Решение: при тапе кнопки в VoiceController создаём общий
AudioContext (под user-gesture) и пробуждаем его. VoiceOverlay
теперь играет TTS через этот ctx (decodeAudioData + BufferSource).
HTMLAudioElement остаётся fallback'ом если ctx недоступен.

decodeAudioData в Safari исторически callback, в Chrome — Promise:
используем оба варианта.
---
 components/VoiceController.tsx | 24 +++++++++++----------
 components/VoiceOverlay.tsx    | 39 ++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/components/VoiceController.tsx b/components/VoiceController.tsx
index 03e6961..69bb185 100644
--- a/components/VoiceController.tsx
+++ b/components/VoiceController.tsx
@@ -178,19 +178,21 @@ export default function VoiceController() {
     if (state !== 'idle' && state !== 'error') return
     setState('loading')
 
-    // 0. «Audio unlock» — Android Chrome не даёт <audio>.play() без user-gesture.
-    // Wake-word срабатывает сам, поэтому позже play() будет тихо отвергнут.
-    // Проигрываем 1мс silent WAV прямо сейчас (user тапнул кнопку → есть gesture).
+    // 0. «Audio unlock» — iOS Safari / Android Chrome не дают воспроизводить
+    // звук без user-gesture. Wake-word срабатывает сам, поэтому позже TTS
+    // тихо отвергнется. Создаём общий AudioContext прямо сейчас (тап = gesture)
+    // и сохраняем в window — VoiceOverlay будет играть через него.
     try {
-      const silent = new Audio(
-        'data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA',
-      )
-      silent.volume = 0
-      await silent.play()
-      silent.pause()
-      console.log('[voice] audio unlock ok')
+      const w = window as any
+      if (!w.__voicePlaybackCtx) {
+        const Ctx = w.AudioContext || w.webkitAudioContext
+        if (Ctx) w.__voicePlaybackCtx = new Ctx()
+      }
+      const ctx: AudioContext | undefined = w.__voicePlaybackCtx
+      if (ctx && ctx.state === 'suspended') await ctx.resume()
+      console.log('[voice] playback AudioContext state=', ctx?.state)
     } catch (e: any) {
-      console.warn('[voice] audio unlock failed:', e?.message)
+      console.warn('[voice] AudioContext init failed:', e?.message)
     }
 
     // 1. Запрос разрешения на микрофон отдельно
diff --git a/components/VoiceOverlay.tsx b/components/VoiceOverlay.tsx
index a82baa8..fe87065 100644
--- a/components/VoiceOverlay.tsx
+++ b/components/VoiceOverlay.tsx
@@ -35,6 +35,7 @@ export default function VoiceOverlay() {
   const dismissTimer = useRef<ReturnType<typeof setTimeout> | null>(null)
   const audioRef = useRef<HTMLAudioElement | null>(null)
   const audioUrlRef = useRef<string | null>(null)
+  const audioSourceRef = useRef<AudioBufferSourceNode | null>(null)
 
   const clearDismiss = () => {
     if (dismissTimer.current) {
@@ -48,6 +49,11 @@ export default function VoiceOverlay() {
   }
 
   const stopAudio = () => {
+    if (audioSourceRef.current) {
+      try { audioSourceRef.current.stop() } catch {}
+      try { audioSourceRef.current.disconnect() } catch {}
+      audioSourceRef.current = null
+    }
     if (audioRef.current) {
       try {
         audioRef.current.pause()
@@ -78,6 +84,39 @@ export default function VoiceOverlay() {
         return
       }
       const blob = await r.blob()
+
+      // Сначала пытаемся через общий AudioContext (он разблокирован в start()
+      // VoiceController при тапе пользователя). На iOS Safari это единственный
+      // надёжный путь; на остальных тоже работает.
+      const ctx: AudioContext | undefined = (window as any).__voicePlaybackCtx
+      if (ctx) {
+        try {
+          if (ctx.state === 'suspended') await ctx.resume()
+          const arrayBuf = await blob.arrayBuffer()
+          const audioBuf: AudioBuffer = await new Promise((resolve, reject) => {
+            // decodeAudioData в Safari исторически callback-API, поддерживает оба.
+            try {
+              const p = ctx.decodeAudioData(arrayBuf, resolve, reject) as any
+              if (p && typeof p.then === 'function') p.then(resolve, reject)
+            } catch (e) { reject(e) }
+          })
+          const source = ctx.createBufferSource()
+          source.buffer = audioBuf
+          source.connect(ctx.destination)
+          const finish = () => {
+            if (audioSourceRef.current === source) audioSourceRef.current = null
+            onEnded?.()
+          }
+          source.onended = finish
+          audioSourceRef.current = source
+          source.start()
+          return
+        } catch (e: any) {
+          console.warn('[voice] AudioContext playback failed, fallback to <audio>:', e?.message || e)
+        }
+      }
+
+      // Fallback на HTMLAudioElement (на десктопе обычно тоже работает).
       const url = URL.createObjectURL(blob)
       audioUrlRef.current = url
       const audio = new Audio(url)