Default Babylon Audio Engine Unmute Button Not Showing

Hello everyone,
According to the Babylon.js documentation, the audio engine should display a default unmute button at the top-left corner of the render area. When pressed, this button unlocks the audio engine and allows sounds to play.

In my code, I simply create the audio engine like this:

const audioEngine = await CreateAudioEngineAsync();

However, the unmute button does not appear at all, and no sound plays unless I manually unlock the audio engine myself.

Does anyone know why this might be happening?
Are there any browser permissions, settings, or additional steps required to make the unmute button appear?

Thanks in advance for any help!

cc @docEdub

I’m not able to reproduce this so I’m not sure what the issue might be. I know in some cases the browser will not lock the underlying audio context, and the mute button should not show in this case, but sounds should play without needing to explicitly unlock the engine when this happens, so I’m not sure what the problem might be.

What OS and browser are you seeing this on?

It may be the case but have you updated Babylon. What version of Babylon do you use ?

"@babylonjs/core": "^8.2.0",

Windows 10 and google chrome.

Just to clarify, are you saying that I shouldn’t call audioEngine.unlock() at all, since the browser might already allow audio playback without it?

No, I’m offering this as a possible explanation for why you’re not seeing the mute button. It doesn’t always show up, and this is normal and expected.

Can you post the console output you’re getting? That might offer a clue to what’s going wrong.