El atributo HTML onvolumechange es un atributo de evento que ocurre cuando se cambia el volumen de medios. Use la propiedad de volumen para establecer/devolver el volumen de los medios. Los eventos se invocan solo cuando se aumenta o disminuye el volumen y se activa o desactiva el silencio.
Etiquetas admitidas:
Sintaxis:
<element onvolumechange="myScript">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo de evento onvolumechange. Este atributo es compatible con las etiquetas <audio> y <video> .
Los siguientes ejemplos ilustran el atributo HTML onvolumechange en HTML:
Ejemplo 1: En este ejemplo, usaremos el atributo onvolumechange en la etiqueta de audio.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML onvolumechange Attribute
</title>
</head>
<body>
<center>
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML onvolumechange Attribute</h2>
<audio controls id="audioID">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mpeg" />
</audio>
</center>
<script>
document.getElementById(
"audioID").addEventListener("volumechange", GFGfun);
function GFGfun() {
alert("Volume increased");
}
</script>
</body>
</html>
Producción:
Después :
Ejemplo 2: En este ejemplo, usaremos el atributo onvolumechange en la etiqueta de video.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML onvolumechange Attribute
</title>
</head>
<body>
<center>
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML onvolumechange Attribute</h2>
<video controls id="videoID" width="340" height="240">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190401140735/g4g2.mp4"
type="video/mp4" />
</video>
</center>
<script>
document.getElementById(
"videoID").addEventListener("volumechange", GFGfun);
function GFGfun() {
alert("Volume changed");
}
</script>
</body>
</html>
Producción:
Después:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA