HTML | DOM Audio reproducido Propiedad

La propiedad Audio reproducido se utiliza para devolver un objeto TimeRanges . El objeto TimeRanges se usa en los casos en que desea representar los rangos de audio que ya ha reproducido el usuario.

Un intervalo reproducido es un intervalo de tiempo de un audio reproducido. Si un usuario se salta el audio, puede obtener varios rangos reproducidos.
La propiedad de audio reproducido es una propiedad de solo lectura.

Las propiedades del objeto TimeRanges son:

  • Duración : se utiliza para obtener la cantidad de rangos reproducidos en el video.
  • inicio (índice) : se utiliza para obtener la posición de inicio de un rango jugado.
  • end(index) – Se utiliza para obtener la posición final de un rango reproducido.

Sintaxis:

audioObject.played

El siguiente programa ilustra la propiedad de audio reproducido:
Ejemplo: Obtener el primer rango reproducido del audio en segundos.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        Audio played Property
    </title>
</head>
  
<body style="text-align:center">
  
    <h1 style=" color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio played 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 first played range of the 
      audio in seconds, double click the 
      "Return Played Range" button.</p>
    <br>
  
    <button ondblclick="MyAudio()" 
            type="button">
      Return Played Range
    </button>
  
    <p id="test"></p>
  
    <script>
        var a = document.getElementById("Test_Audio");
  
        function MyAudio() {
            var a = document.getElementById("Test_Audio");
            document.getElementById("test").innerHTML = 
            "Start time: " + a.played.start(0) 
            + " End time: " + a.played.end(0);
        }
    </script>
  
</body>
  
</html>

Producción:

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

Navegadores compatibles: los navegadores compatibles con DOM Audio playing Property 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 *