p5.MediaElement showControls() 方法

简介

showControls() 方法是 p5.MediaElement 函数库中的一个方法，调用它可以在媒体元素上显示用户交互控件，如播放/暂停按钮等。这个方法可以应用于音频和视频元素。

语法

showControls()

参数

此方法没有参数。

返回值

此方法没有返回值。

示例

let player;

function setup() {
  createCanvas(640, 360);
  player = createVideo('video.mp4');
  player.showControls();
  player.play();
}

function draw() {
  background(220);
  image(player, 0, 0, width, height);
}

在上面的例子中，我们使用 createVideo() 函数创建一个视频元素，然后调用 showControls() 方法来显示用户交互控件。接着我们调用 play() 方法播放视频，最后我们使用 image() 函数在画布上呈现视频。

注意事项

• 这个方法只在浏览器中有效，所以不能在 Node.js 环境下使用。
• 在某些移动设备上，媒体元素的自动播放可能被禁用。在这种情况下，用户需要先点击播放按钮，否则视频将不能正常播放。