p5.js MediaElement hideControls()用法及代码示例

p5.js中p5.MediaElement的hideControls()方法用于隐藏当前显示的媒体元素的默认媒体控件。

用法:

hideControls()

参数：此方法不接受任何参数。

以下示例说明了p5.js中的hideControls()方法：

例：

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); 
}

输出：

在线编辑： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考：https://p5js.org/reference/#/p5.MediaElement/hideControls

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.MediaElement hideControls() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。