p5.js MediaElement duration() 方法

p5.js 库中p5.MediaElement的duration()方法用于返回调用它的媒体元素的持续时间。返回的此持续时间以秒为单位显示。

句法：

duration()

参数：此函数不接受任何参数。

返回值：此方法返回一个数字，表示媒体元素的当前时间。

在实现以下示例时，以下库包含在 HTML 页面的“head”部分中。

示例：下面的示例说明了p5.js库中的duration()方法。

Javascript

function setup() {
    createCanvas(500, 300);
  
    textSize(18);
  
    example_media =
      createVideo("sample-video.mp4");
    example_media.size(300, 150);
    example_media.position(20, 100);
    example_media.play();
  
    text("Click on the button to get " +
         "the duration of the media", 20, 20);
  
    let durationBtn =
        createButton("Get Duration");
    durationBtn.position(30, 40);
    durationBtn.mousePressed(getDuration);
}
  
function getDuration() {
  
  // Get the duration of the media element
  let media_duration =
      example_media.duration();
  
  text("The duration of the media is: "
       + media_duration + " seconds",
       20, 280);
}

输出：

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