HTML | Propiedad de precarga de audio DOM

La propiedad de precarga de audio se utiliza para configurar o devolver el valor del atributo de precarga de audio . El atributo de precarga se usa para especificar la forma en que el autor cree que se debe cargar el audio cuando se carga la página. 
El atributo de precarga de audio permite que el autor retrate al navegador sobre la forma en que se debe implementar la experiencia del usuario de un sitio web.
Sintaxis: 
 

  • Devuelve la propiedad de precarga: 
     
audioObject.preload
  • Establezca la propiedad de precarga: 
     
audioObject.preload = "auto | metadata | none"

Valores de propiedad: 
 

  1. auto : se usa para especificar que el navegador debe cargar el video completo cuando se carga la página.
  2. metadatos: se utiliza para especificar que el navegador debe cargar solo metadatos cuando se carga la página.
  3. ninguno: se usa para especificar que el navegador NO debe cargar el video cuando se carga la página.

Valores devueltos: Devuelve un valor de string que especifica qué tipo de datos deben precargarse en un archivo de audio. 

El siguiente programa ilustra la propiedad de precarga de audio: 
Ejemplo: Averiguar la forma en que el editor desea que se cargue el audio cuando se carga la página. 
 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        Audio preload Property
    </title>
</head>
 
<body style="text-align: center">
 
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio preload 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 return the value of the preload
      attribute of the audio, double click
      the "Return Preload Attribute" button.</p>
 
    <br>
 
    <button ondblclick="MyAudio()"
            type="button">
      Return Preload Attribute
    </button>
 
    <p id="test"></p>
 
 
    <script>
        var a = document.getElementById("Test_Audio");
 
        function MyAudio() {
            var a =
                document.getElementById("Test_Audio").preload;
            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: los navegadores compatibles con DOM Audio preload 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 *