DOM Audio/Video HTML changement de taux Événement
Exemple
Modifiez la vitesse de lecture d'une vidéo et affichez une alerte indiquant que la vitesse a été changée :
// Obtenez l'élément <video> avec id="myVideo"
let vid = document.getElementById("myVideo");
// Définissez la vitesse de lecture actuelle de la vidéo à 0.3 (ralenti)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// Assignez un événement ratechange à l'élément <video> et exécutez une fonction si la vitesse de lecture de la vidéo est modifiée. La fonction affichera une alerte
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("La vitesse de lecture de la vidéo a été changée");
} Définition et Utilisation
L'événement ratechange se produit lorsque la vitesse de lecture de l'audio/vidéo est modifiée (comme lorsque l'utilisateur passe en mode ralenti ou avance rapide).
Cet événement est déclenché par la propriété playbackRate de l'objet Audio/Video, qui définit ou renvoie la vitesse de lecture actuelle d'un audio/vidéo.
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'événement.
| Événement | |||||
|---|---|---|---|---|---|
| ratechange | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
En HTML :
< audio|video onratechange=" myScript "> En JavaScript :
audio|video .onratechange=function(){ myScript }; En JavaScript, en utilisant la méthode addEventListener() :
audio|video .addEventListener("ratechange", myScript ); Détails Techniques
| Balises HTML prises en charge : | <audio> et <video> |
|---|---|
| Objets JavaScript pris en charge : | Audio, Vidéo |