HTML DOM Audio ended Property

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

The below program illustrates the Audio ended Property:

Example: Finding out if the audio has ended.

HTML

<!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() {

            let a =

                document.getElementById("Test_Audio").ended;

            document.getElementById("test").innerHTML = a;

        }

    </script>

</body>
 
</html>

Output:

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

Google Chrome
Internet Explorer
Firefox
Opera
Apple Safari

Article Tags :

HTML

Web Technologies

HTML-DOM