Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Audio ended Property

  • Last Updated : 05 Aug, 2019

The Audio ended property is used for returning whether the playback of the audio has ended or not. When the playback position is at the end of the audio, we consider the audio has ended.

The Audio ended property returns a boolean true if the audio has ended, else it returns false. The Audio ended property is a read-only property.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

Syntax:

audioObject.ended

Below program illustrates the Audio ended Property:
Example: Finding out if the audio has ended.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Audio ended Property
    </title>
</head>
  
<body style="text-align: center">
  
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio ended 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 find out if the audio has ended or not,
      double click the "Check Status" button.</p>
    <br>
  
    <button ondblclick="My_Audio()">
      Check Status
    </button>
  
    <p id="test"></p>
  
    <script>
        function My_Audio() {
            var a = 
                document.getElementById("Test_Audio").ended;
            document.getElementById("test").innerHTML = a;
        }
    </script>
  
</body>
  
</html>

Output:

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

Supported Browsers: The browser supported by HTML | DOM Audio ended Property are listed below:

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!