HTML | DOM Audio preload Property

The Audio preload property is used for setting or returning the value of the preload attribute of audio. The preload attribute is used to specify the way the author thinks the audio should be loaded when the page loads.
The audio preload attribute allows the author to portray to the browser about the way the user experience of a website should be implemented.

Syntax:

  • Return the preload property:
    audioObject.preload
  • Set the preload property:
    audioObject.preload = "auto | metadata | none"

Property Values:

  1. auto :It is used to specify that the browser should load the entire video when the page loads.
  2. metadata :It is used to specify that the browser should load only metadata when the page loads.
  3. none :It is used to specify that the browser should NOT load the video when the page loads.

Below program illustrates the Audio preload Property:
Example: Finding out the way the publisher wants the audio to be loaded when the page loads.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:

  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browsers supported by DOM Audio preload Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari


My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.