Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <body> <p>Dans cet exemple, nous utilisons le DOM HTML pour assigner un événement "ontimeupdate" à un élément audio. Lorsque l'utilisateur commence à lire l'audio, ou passe à une nouvelle position dans l'audio, une fonction est déclenchée, qui affichera la position actuelle (en secondes) de la lecture audio.</p> <audio id="myAudio" controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Votre navigateur ne prend pas en charge l'élément audio. </audio> <p>Position de lecture :<span id="demo"></span></p> <script> // Obtenez l'élément audio avec id="myAudio" let aud = document.getElementById("myAudio"); // Assignez un événement ontimeupdate à l'élément audio, et exécutez une fonction si la position de lecture actuelle a changé aud.ontimeupdate = function() {myFunction()}; function myFunction() { // Afficher la position actuelle de l'audio dans un élément p avec id="demo" document.getElementById("demo").innerHTML = aud.currentTime; } </script> </body> </html>