p5.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