HTML | Propiedad de duración de audio DOM

La propiedad Duración del audio se utiliza para devolver la duración de un audio . La propiedad Duración del audio devuelve el valor en segundos.
Los diferentes navegadores devuelven diferentes valores de precisión, como Safari que devuelve hasta 14 decimales seguido de Opera que devuelve hasta 9 decimales.
La propiedad Duración del audio es una propiedad de solo lectura.
La función de duración de audio devuelve «NaN» si no se configura ningún video, mientras que si el audio se transmite y no tiene una duración predefinida, devuelve «Inf» (Infinito).

Sintaxis:

audioObject.duration

El siguiente programa ilustra la propiedad Duración del audio:
Ejemplo: Obtener la duración de un audio.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Audio duration Property
    </title>
</head>
  
<body style="text-align:center">
  
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio duration Property
    </h2>
    <br>
  
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg" 
                type="audio/ogg">
        <source src="sample1.mp3" 
                type="audio/mpeg">
    </audio>
  
    <p>To get the exact length of the audio,
      double click the "Return Audio Length" button.
    </p>
    <br>
  
    <button ondblclick="My_Audio()">
      Return Audio Length
    </button>
  
    <p id="test"></p>
  
    <script>
        var a = document.getElementById("Test_Audio");
  
        function My_Audio() {
            var a = document.getElementById(
              "Test_Audio").duration;
            document.getElementById("test").innerHTML = a;
        }
    </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 duración de audio 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 *