Audio sometimes doesn't play on refresh

[trujic1000]

Audio sometimes just doesn't start on page refresh, it is not consistent too. Sometimes I will refresh 5 times and it will play normally, and then it won't play at all next couple of times etc.

onCanPlay event listener always fires as normal and onError doesn't log anything.
Sometimes when it doesn't play, p tag appears with Your browser doesn't support audio element.
I am using Chrome.

Anyone had the same problem?

[irhamputra]

@trujic1000 hey! I've been using this component too but actually there some major problem. But basically this is a just a wrapper audio tag HTML5. You can build your own audio with pure JS by yourself reference audio tag in MDN

[Serranosoft]

Audio sometimes just doesn't start on page refresh, it is not consistent too. Sometimes I will refresh 5 times and it will play normally, and then it won't play at all next couple of times etc.

onCanPlay event listener always fires as normal and onError doesn't log anything.
Sometimes when it doesn't play, p tag appears with Your browser doesn't support audio element.
I am using Chrome.

Anyone had the same problem?

Try using muted prop in as browsers disables autoplay if the player has not a muted propperty

example below

<ReactAudioPlayer
src={soundtrack}
listenInterval={1000}
autoplay
muted
loop
volume={soundtrack || 0.7}
/>