Skip to content
Related Articles

Related Articles

HTML | DOM Audio readyState Property
  • Last Updated : 05 Aug, 2019

The Audio readyState property is used for returning the current ready state of the audio. The ready state is used for indicating if the audio is ready to play or not.The Audio readyState property is a read-only property.

The various numbers depicting different ready states are:

  • 0 = HAVE_NOTHING: There is no information related to whether or not the video is ready.
  • 1 = HAVE_METADATA: It tells that the metadata for the video is ready.
  • 2 = HAVE_CURRENT_DATA: It tells that the data for the current playback position is available, but not enough data to play next frame/millisecond.
  • 3 = HAVE_FUTURE_DATA: It tells that the data for the current and at least the next frame is available.
  • 4 = HAVE_ENOUGH_DATA: It tells that there is enough data available to start playing.

Syntax:

audioObject.readyState

Below program illustrates the Audio readyState Property:
Example: Getting the current ready state of the audio.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Audio readyState Property
    </title>
</head>
  
<body style="font-family: Impact">
  
    <h1 style="color: green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio readyState 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 get the current ready state of the audio, 
      double click the "Return Current State" button.</p>
    <br>
  
    <button ondblclick="MyAudio()" type="button">
        Return Current State
    </button>
  
    <p id="test"></p>
  
    <script>
        function MyAudio() {
            var a = document.getElementById(
                "Test_Audio").readyState;
  
            document.getElementById(
                "test").innerHTML = a;
        }
    </script>
  
</body>
  
</html>

Output:

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

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

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

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :