<p>Saya mempunyai kod HTML berikut: </p> <pre class="brush:php;toolbar:false;"><div id="word">word</div> <id audio="pemain"> <id sumber="sumber"src"sound.ogg"jenis="audio/ogg" </audio></pre> <p> dan kod JavaScript/jQuery berikut: </p> <pre class="brush:php;toolbar:false;">$('#word').mouseenter(function() { var audio = $("#player")[0]; audio.load(); audio.play(); });</pre> <p>Pada penyemak imbas saya, kod ini hanya berfungsi jika saya <strong>klik</strong> Jika tidak, ia tidak berfungsi dan ralat berikut muncul dalam konsol JavaScript: </p> <blockquote> <p>Tidak ditangkap (dengan janji) DOMException: Kaedah main tidak dibenarkan Ejen pengguna atau platform dalam konteks semasa, mungkin Kerana pengguna menafikan kebenaran. </p> </blockquote> <p>dan amaran berikut: </p> <blockquote> <p>Benarkan automain hanya jika pengguna menerima, Pengguna telah berinteraksi dengan tapak web atau fail media mempunyai kelantangan yang ditetapkan Kembali kepada sifar. </p> </blockquote> <p>Jika saya menetapkan kelantangan kepada sifar, saya mendapat ralat berikut: </p> <blockquote> <p>Tidak ditangkap (dalam janji) DOMException: Proses mendapatkan semula media Ejen pengguna menamatkan sumber atas permintaan pengguna. </p> </blockquote> <p>Saya mencubanya pada kedua-dua Chrome dan Firefox. </p>

<div id="word" style="font-size: 30px; margin-bottom: 200px; ">word</div>
    
<audio id="player" controls preload="auto">
     <source src="audio/beep.mp3" controls></source>
     <source src="audio/beep.ogg" controls></source> 
</audio>
 
<script>
    var player = $("#player")[0];
        $("#word").mouseenter(function() {              
        player.play();
    }); 
</script>