HTML | DOM Audio src Property

The DOM Audio src property is used to set or return the value of the src attribute of audio. The src attribute is generally used to specify the location (URL) of the audio file.

Syntax:

Return the src property:
```
audioObject.src
```
Set the src property:
```
audioObject.src = URL
```

Property Values:

URL: It is used to specify the URL of the audio file.

Possible Values:-

Absolute URL: I t points to another webpage.
Relative URL: It points to other files of the same web page.

Return Value: The Audio src property returns a string, which represents the URL of the Audio file. The src property returns the entire URL, including the protocol.

Example:

<!DOCTYPE html> 

<html> 

<body> 

    <center> 

        <h1 style="color:green">GeeksforGeeks</h1> 

        <h2>HTML DOM Audio src Property</h2> 

        <button onclick="my_Audio()" type="button"> 

            Change Audio 

        </button> 

        <br> 

        <audio id="myAudio" controls autoplay> 

            <source id="mp4_src" src= 

"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg" 

                    type="audio/mp3"> 

            <source id="ogg_src" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"

                    type="audio/ogg"> 

        </audio> 

        <script> 

            function my_Audio() { 

                document.getElementById("ogg_src").src =  
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"; 

                document.getElementById("mp4_src").src = 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"; 

                document.getElementById("myAudio").load(); 

            } 

        </script> 

    </center> 

</body> 

</html>

Output:

Supported Browser: The browser supported by HTML DOM Audio src Property are listed below:

Google Chrome
Internet Explorer
Edge
Firefox
Apple Safari

Article Tags :

HTML

Web Technologies

HTML-DOM