Related Articles

Related Articles

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.

Syntax:

audioObject.ended

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

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :