Audio: catch low-level errors

Author: enricoros

src/apps/call/Telephone.tsx

@@ -127,7 +127,7 @@ export function Telephone(props: {
 
   // pickup / hangup
   React.useEffect(() => {
-    !isRinging && AudioPlayer.playUrl(isConnected ? '/sounds/chat-begin.mp3' : '/sounds/chat-end.mp3');
+    !isRinging && void AudioPlayer.playUrl(isConnected ? '/sounds/chat-begin.mp3' : '/sounds/chat-end.mp3').catch(() => {/* autoplay may be blocked */});
   }, [isRinging, isConnected]);
 
   // ringtone

src/apps/call/state/usePlayUrlInterval.ts

@@ -17,8 +17,8 @@ export function usePlayUrlInterval(url: string | null, firstDelay: number = 0, r
     let timer2: any = null;
 
     const playFirstTime = () => {
-      const playAudio = () => AudioPlayer.playUrl(url, abortController.signal);
-      void playAudio();
+      const playAudio = () => void AudioPlayer.playUrl(url, abortController.signal).catch(() => {/* autoplay may be blocked */});
+      playAudio();
       timer2 = repeatMs > 0 ? setInterval(playAudio, repeatMs) : null;
     };
 

src/common/util/audio/AudioPlayer.ts

@@ -3,6 +3,8 @@ export namespace AudioPlayer {
   /**
    * Plays an audio file from a URL. Resolves when playback ends.
    * If a signal is provided and aborted, playback stops and the promise resolves.
+   *
+   * @throws If there's an error during playback (e.g. network error, unsupported format), the promise will reject.
    */
   export function playUrl(url: string, signal?: AbortSignal): Promise<void> {
     if (signal?.aborted || !url) return Promise.resolve();

src/modules/aix/client/aix.client.ts

@@ -721,6 +721,7 @@ async function _aixChatGenerateContent_LL(
       (audio) => {
         const audioUrl = URL.createObjectURL(audio.blob);
         void AudioPlayer.playUrl(audioUrl)
+          .catch(error => console.log('[AIX] Failed to play audio:', { error }))
           .finally(() => URL.revokeObjectURL(audioUrl));
       },
     );