English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O evento volumechange é acionado ao alterar o volume.
Áudio HTML/Manual de Referência DOM de Vídeo
Mostrar uma mensagem de aviso quando o volume do vídeo mudar:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onvolumechange do vídeo-Tutorial Básico(oldtoolbag.com)</title>
</head>
<body>
<p>Experimente alterar o volume do vídeo.</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Seu navegador não suporta HTML5 etiqueta video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onvolumechange = function()
{
alert("O volume foi alterado");
};
</script>
</body>
</html>Teste e veja ‹/›Cada vez que o vídeo/Ocorre o evento volumechange quando o volume do áudio muda.
Situações em que o evento é mencionado:
Aumentar ou diminuir o volume
Mutar ou desmutar
Dica: Use Audio/do objeto Video volume propriedade para ajustar ou retornar o volume/vídeo (audio/volume do vídeo (audio
IEFirefoxOperaChromeSafari
No HTML:
<audio|video onvolumechange="myScript">Experimente
No JavaScript:
audio|video.onvolumechange=function(){myScript};Experimente
No JavaScript, use o método addEventListener():
audio|video.addEventListener("volumechange", myScript);Experimente
Atenção: Internet Explorer 8 e versões mais antigas do IE não suportam addEventListener() Métodos.
Detalhes técnicos| Etiquetas HTML suportadas: | <audio> e <video> |
|---|---|
| Objetos JavaScript suportados: | Áudio, Vídeo |
Mostrar uma mensagem de aviso quando a volume do áudio mudar:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onvolumechange do vídeo-Tutorial Básico(oldtoolbag.com)</title>
</head>
<body>
<p>Experimente alterar o volume do áudio.</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Seu navegador não suporta HTML5 etiqueta video.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onvolumechange = function()
{
alert("O volume foi alterado");
};
</script>
</body>
</html>Teste e veja ‹/›