Hi again, how are you?
I have a problem more related to the browser than Babylon… I think. If I put a sound in Babylon to play this button appears:
Before, when the sound was made in HTML, there was no such problem. I just changed it for it to work directly through Babylon and I already have an audio on/off controller.
Google Chrome, Windows 10.
edit: If there is no way to fix this, can you tell me some condition with which I can control it? Well, it’s rendering two audios.
---
Thank you! But I put this in sceneComponent.tsx where the Engine is and now the sound doesn’t work anymore. But the button is gone.
edit: Here the code I used to get the music from Babylon and called inside navbar:
sceneRef receive scene and get by name of sound.
---
There can be multiple reasons for not playing your audio. Did you turn on your speakers? 😃 Ok, just joking!
So, did you try to debug the part of your code where you start the music? Is the condition met and does it run the `getMusic.play()` function? Is the `getMusic` variable correctly set? Is the audio ready to be played?
Handling the ‘ready to play’ callback function:
> **[Audio | Babylon.js Documentation](https://doc.babylonjs.com/divingDeeper/audio/playingSoundsMusic#handling-the-ready-to-play-callback-function)**
>
> Dive into everything you could want to know about using the Babylon.js sound engine for simple to advanced audio.
EDIT:
```auto
// this will not work
var music = new BABYLON.Sound("Violons", "sounds/violons11.wav", scene, null, { loop: true, autoplay: false });
music.play()
// this will
var music = new BABYLON.Sound("Violons", "sounds/violons11.wav", scene, () => {
music.play()
}, { loop: true, autoplay: false });
```
You can try it out here:
> **[Babylon.js Playground](https://playground.babylonjs.com/#PCY1J%23214)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes
---
Here my code to make sound works:
This is called inside Babylon 3D ambient.
It starts normally, and I can start and stop the music from the controller. However, when I put it that piece of code doesn’t work anymore, nor does the autoplay. I don’t know what it could be.
---
Obviously. I bet you don’t unlock the audio manually.
Add this:
```auto
Engine.audioEngine?.unlock()
```
This must be called for example from a click event on the page. User interaction is needed here.
EDIT: Sorry, I could tell you about this earlier 😛
---
Or you can use something like that - [https://playground.babylonjs.com/#PCY1J#216](https://playground.babylonjs.com/#PCY1J#216)
Here the music is playing after the any first pointer event since in order to play user has to interact with the page first.
---
Try this. Create an index.html file on your disk and simply open it in a browser. It just works 🙂
```auto
Babylon Template
```
EDIT:
Or here is a version online:
[https://playgrounds.babylonjs.xyz/audio.html](https://playgrounds.babylonjs.xyz/audio.html)
There is a slight delay in the audio itself at the beginning.
---
Are you willing to share you code in private? If this simple example doesn’t help you I am sorry, but I can’t help you more without seeing your code.
---
Update: I managed, with a teammate, to get the above methods that @roland passed on to work. I had to use the “Engine.audioEngine.useCustomUnlockedButton = true” in the component where the 3D was running and the “unlock” method in the component where there was the start and stop button for the music. Now the only problem is that the music doesn’t start when you click on the scene. Thanks to everyone who has responded so far!
---
> [@labris](#):
>
> Or you can use something like that - [https://playground.babylonjs.com/#PCY1J#216](https://playground.babylonjs.com/#PCY1J#216)
> Here the music is playing after the any first pointer event since in order to play user has to interact with the page first.
That doesn’t work:
F.e., once you load that demo, click on the demo, then in MS Edge (based on Chrome) hit refresh. Then, without moving the mouse, click the demo. It will be muted, and the icon will appear.
---
@trusktr
If you refresh the webpage, it is a new “session”, and a user input is required again for sounds to play.
**Nobody** wants to visit a website and be blasted with music and sounds without consent 🙂
---
On the contrary, all good experiences that I have _ever_ tried in _any_ browser _always_ start with sound enabled as soon as possible. Never the opposite!
Babylon currently prevents this, because even _after_ user interaction, sounds stay muted! That’s a bad experience considering that the user is already interacting with the experience.
Here’s the solution:
> [@Unmute Icon remove](https://forum.babylonjs.com/t/unmute-icon-remove/257/25):
>
> That’s not the problem. Babylon should simply enable sound inside a user interaction by default, rather than showing an unmute button and requiring users to press it. (Imagine if every game you ever played always started muted by default, that’s not the experience users expect). The solution so you can get rid of the unmute button once and for all is simple in userland (though Babylon should just do it by default!): // make your scene, as usual: const engine = new BABYLON.Engine(canvas, true);…
[Next page](https://forum.babylonjs.com/t/remove-unmute-button/27577.md?page=2)