p5.js MediaElement showControls()用法及代碼示例

p5.js中p5.MediaElement的showControls()方法用於顯示媒體元素的默認媒體控件。控件的函數和控件的設計由Web瀏覽器確定。

用法:

showControls()

參數：此方法不接受任何參數。

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

例：

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.play(); 
  
    text("Click on the button to " + 
         "show media controls", 20, 20); 
  
    showBtn = createButton("Show Controls"); 
    showBtn.position(30, 40); 
    showBtn.mousePressed(show); 
} 
  
function show() { 
  
  // Show the media controls 
  example_media.showControls(); 
  
  text("Media controls are now visible!", 
       20, 80); 
}

輸出：

在線編輯： https://editor.p5js.org/
環境設置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
參考：https://p5js.org/reference/#/p5.MediaElement/showControls

相關用法

注：本文由純淨天空篩選整理自sayantanm19大神的英文原創作品 p5.MediaElement showControls() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。