p5.MediaElement time()方法介绍

简介

p5.MediaElement time()方法是p5.js中用于获取音频或视频播放时间的方法。通过调用该方法，可以获取媒体文件当前的播放时间或总播放时间。该方法返回的值是浮点数，表示以秒为单位的时间。

语法

time()

参数

该方法不接受任何参数。

返回值

该方法返回表示当前媒体文件播放时间的浮点数值。

示例

let soundFile;

function preload() {
  soundFormats('mp3', 'ogg');
  soundFile = loadSound('assets/beat.mp3');
}

function setup() {
  createCanvas(400, 400);
  soundFile.play();
}

function draw() {
  background(220);
  let currentTime = soundFile.time();
  let duration = soundFile.duration();
  textAlign(CENTER);
  text("Current time: " + currentTime.toFixed(2) + "s", width / 2, height / 2 - 10);
  text("Duration: " + duration.toFixed(2) + "s", width / 2, height / 2 + 10);
}

在这个示例中，我们首先使用p5.js的loadSound()函数加载一个音频文件。在setup()函数中，我们调用soundFile.play()使音频开始播放。在draw()函数中，我们使用soundFile.time()方法获取音频当前播放时间，使用soundFile.duration()方法获取音频总播放时间，并将它们显示在画布上。

注意事项

• 请确保在调用该方法之前，媒体文件已经被加载和播放。
• 如果媒体文件没有被加载或已经停止播放，该方法返回0。