search

vueuse / sound

🔊 A Vue composable for playing sound effects
https://sound.vueuse.org
MIT License
477 stars 27 forks source link

The AudioContext was not allowed to start #41

Open nielstanghe opened 1 year ago

nielstanghe commented 1 year ago

Using the vue setup composition api here:

<script setup lang="ts">
import ping from './assets/ping.wav';
import { useSound } from '@vueuse/sound';

const pingSound = useSound(ping);

async function clickTheButton() {
    pingSound.play();
}
</script>

Everything works as it should but the console leaves a warning on loading the component (clickTheButton is not yet triggered):

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

Using Vue3.2.45 and Vite 4.1.0

Is there a way to avoid these warnings?

Firu115 commented 1 year ago

Same here!

ibnusyawall commented 9 months ago

up, same here!

Fusseldieb commented 7 months ago

Same here.

aqordeon commented 7 months ago

Have you guys found out how to trick this warning?

Fusseldieb commented 7 months ago

Have you guys found out how to trick this warning?

As it seems it's not only a warning. Sometimes the sound doesn't play, and I think it is because of exactly this.

No solution yet, at least from me.

Nrosa01 commented 4 months ago

It's even worse for me, sounds get pooled and when I click on the page, all the hover sounds that couldn't play before play at the same time