JSFiddle - React, Tailwind, and code Playground
HTML
<button onclick="PlayAudio(true);">Play Audio</button>
<!-- En caso que no tenga autoplay -->
JavaScript
var audioFile = ""
var music = new Audio ('');
$(document).ready(function () {
// Auto Play
PlayAudio(false);
});
function PlayAudio(inHtml) {
if (inHtml)
{
music.removeEventListener("ended", finished("hola"), false);
}
if (music.currentTime != 0)
{
music.pause();
music.currentTime = 0;
}
music = new Audio(audioFile);
music.play();
if (!inHtml) {
if (isMobile()) {
finished();
} else {
music.addEventListener("ended", finished("hola"), false);
}
}
}
function finished(message) {
alert(message);
}
function isMobile() {
return (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
}