Audio recording does not work on Safari

[dselman]

Description of the bug:

There are no errors but audio recording doesn't seem to work on Safari. It works fine on Chrome.

Actual vs expected behavior:

Audio recording should work on all major browsers.

Any other information you'd like to share?

Safari Version 18.1.1 (20619.2.8.11.12) running on Mac OS Desktop Version 15.1.1 (24B91)

1. Git clone
2. Set Gemini API key in .env
3. npm install
4. npm start
5. Open page in Safari
6. Press the Play button to start streaming.
7. No errors, but the recording level remains at zero

This seems to be a bug in utils.ts / audioContext. I will create a PR.

[marlonka]

Same issue in firefox.

Steps to Reproduce

1. Open the application in Firefox (version 133.0.3 or later).
2. Open the Firefox Developer Console (F12).
3. Click the "Start Talking" button in the GenExplainer UI.

Expected Behavior:

The application should connect to the Multimodal Live API, and audio input/output should work correctly without any errors.

Actual Behavior:
In the UI error is shown: Uncaught runtime errors:
ERROR
AudioContext.createMediaStreamSource: Connecting AudioNodes from AudioContexts with different sample-rate is currently not supported.
./src/lib/audio-recorder.ts/start/this.starting<@http://localhost:3000/static/js/bundle.js:2500:39

The application connects to the API, but the AudioContext.createMediaStreamSource error is thrown in the console, and audio input (microphone) does not seem to function properly.

Environment

• Browser: Firefox 133.0.3 (64-bit) (and potentially other Firefox versions)
• Operating System: Windows (and potentially other OSes)
• Branch: demos/genexplainer

[sreeshas]

im running into same issue as well. audio recording or user microphone input does not work on safari especially on iphone.

[Hu-chih-yao]

I also face this issue while deplying it on vercel both iphone chrome and safari failed