HTML | DOM Audio controller Property

Last Updated : 15 Nov, 2019

The controller property returns the present media controller of the audio. By default, the audio element does not have a media controller. The media controller property will return a MediaController object.

Syntax:

audioObject.controller

Return Value:

MediaController:It represents the media controller of the audio.
Object: MediaController Object properties/methods:
- buffered – get the buffered ranges of the audio
- seekable – get the seekable ranges of the audio
- duration – get the duration of the audio
- currentTime – get or set the playback position of the audio
- paused – check if the audio is paused
- play() – play the audio
- pause() – pause the audio
- played – check if the audio has been played
- defaultPlaybackRate – get or set the default playback rate of the audio
- playbackRate – get or set the current playback rate of the audio
- volume – get or set the volume of the audio
- muted – get or set if the audio is muted

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM Audio Controller Property 
    </title> 
</head> 
  
<body style="text-align:center"> 
  
    <h1 style="color:green">  
        GeeksforGeeks  
    </h1> 
      
    <h2>  
        DOM Audio Controller Property 
    </h2> 
    <br> 
  
    <audio id="audioid" controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
                    type="audio/ogg"> 
          
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
                    type="audio/mpeg">  
    </audio> 
    <br> 
      
    <button onclick="GFGaudio()">Click</button> 
  
    <p id="demo"></p> 
  
    <script> 
        function GFGaudio() { 
            var gfg = document.getElementById("audioid").controller; 
            document.getElementById("demo").innerHTML = gfg; 
        } 
    </script> 
</body> 
  
</html> 