Open In App

HTML DOM Audio preload Property

Improve
Improve
Like Article
Like
Save
Share
Report

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

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

Return Values: It returns a string value which specifies that what type of data should be preloaded in an audio file. 

The below program illustrates the Audio preload Property: 

Example: Find out the way the publisher wants the audio to be loaded when the page loads. 

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>
        let a =
            document.getElementById("Test_Audio");
        function MyAudio() {
            let a =
                document.getElementById("Test_Audio").preload;
            document.getElementById(
                "test").innerHTML = a;
        }
    </script>
</body>
</html>


Output: 

 

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

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


Last Updated : 22 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads