HTML | Propiedad de volumen de vídeo DOM

La propiedad Volumen de video se usa para configurar o devolver el volumen de audio de un video .
El rango de los valores aceptados por la propiedad Volumen de video se encuentra entre 0,0 (silencioso) y 1,0 (más alto).

Sintaxis:

  • Devuelve la propiedad del volumen:
    videoObject.volume
  • Establezca la propiedad de volumen:
    videoObject.volume = number

Valores de propiedad:

  • 1.0: Este es el volumen más alto. También es el valor predeterminado.
  • 0,5: Se utiliza para ejecutar la mitad del volumen.
  • 0.0: se utiliza para especificar volumen cero/silencio/silencio.

Retorno: la propiedad Volumen de video devuelve un número que representa el volumen del video.

El siguiente programa ilustra la propiedad Volumen de video:
Ejemplo: Configurar el volumen de video al 50%.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM Video volume Property
    </title>
</head>
  
<body style="text-align: center">
  
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Video volume Property
    </h2>
    <br>
  
    <video id="Test_Video" 
           width="360"
           height="240" 
           controls>
        <source src="sample2.mp4" 
                type="video/mp4">
        <source src="sample2.ogg" 
                type="video/ogg">
    </video>
  
    <p>To set the volume of the video 
      track to 50%, double click the 
      "Set Volume" button.</p>
    <br>
  
    <p>To return the volume of the 
      video track, double click 
      the "Return Volume" button.</p>
    <br>
  
    <button ondblclick="My_Video()">
      Set Volume
    </button>
    <button ondblclick="R_Volume()">
      Return Volume
    </button>
  
    <script>
        var v = 
            document.getElementById("Test_Video");
  
        function My_Video() {
            v.volume = 0.5;
        }
  
        function R_Volume() {
            alert(v.volume);
        }
    </script>
  
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Navegadores compatibles: El navegador compatible con HTML | Las propiedades de volumen de video DOM se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • safari de manzana

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *