Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara mengecek apakah audio sudah selesai diputar atau belum pada halaman web
Misalnya kita memutar sebuah video pada web :
<audio controls>
<source src="lagu.mp3" type="audio/mpeg">
</audio>
Bagaimana cara mengecek apakah lagu tersebut sudah selesai diputar atau belum, karena saya ingin mengarahkan ke halaman lain apabila audio tersebut telah selesai diputar. Jika ada yg tau caranya, mohon bantuannya, boleh dalam bahasa php, javascript (atau node.js) tau langsung dari htmlnya
1 Jawaban:
<div>Bisa banget, berikut contoh scriptnya :</div><pre> <audio controls src="https://btones.b-cdn.net/fetch/9e/9ec5db32237a261ac02014c0c5096b13.mp3"></audio> <script> const audio = document.querySelector('audio');
audio.addEventListener('ended', function() {
alert("Audio has been played");
});
</script></pre><div><br>Contohnya bisa dicek di sini <a href="https://replit.com/@ahanafi/AudioEndedEvent#index.html">https://replit.com/@ahanafi/AudioEndedEvent#index.html</a><br>Referensi event/properties yang berkaitan sama tag audio/video dapat dilihat di <a href="https://www.w3schools.com/tags/ref_av_dom.asp">https://www.w3schools.com/tags/ref_av_dom.asp</a><br><br>Semoga terbantu!</div>
