p5.MediaElement hideControls() Method

p5.js MediaElement duration() Method

The hideControls() method of p5.MediaElement in p5.js is used to hide the default media controls for the media element if they are currently shown.

Syntax:

hideControls()

Parameters: This method does not accept any parameters.

The example below illustrate the hideControls() method in p5.js:

Example:

Javascript

function setup() { 
    createCanvas(500, 400); 
    textSize(20); 
  
    example_media = 
      createVideo("sample-video.mp4"); 
    example_media.size(500, 300); 
    example_media.position(20, 100); 
    example_media.showControls(); 
  
    text("Click on the button to " + 
         "hide media controls", 20, 20); 
  
    hideBtn = 
      createButton("Hide Controls"); 
    hideBtn.position(30, 40); 
    hideBtn.mousePressed(hide); 
} 
  
function hide() { 
  
  // Hide the media controls 
  example_media.hideControls(); 
  
  text("Media controls are now hidden!", 
       20, 80); 
}

Output:

Online editor: https://editor.p5js.org/
Environment Setup: https://www.w3wiki.net/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5.MediaElement/hideControls

Tags:

#JavaScript-p5.js #JavaScript #Web Technologies

p5.js MediaElement duration() Method

p5.MediaElement hideControls() Method

Javascript

Contact Us