p5.js MediaElement onended() 方法

p5.j s库的p5.MediaElement的onended()方法用于调度给定函数，该函数将在音频或视频结束时调用。如果媒体元素正在循环，则不会调用此回调。此媒体元素作为参数传递给回调。

句法：

onended( callback )

参数：此函数接受如上所述和下文所述的单个参数。

callback：它是一个函数，指定媒体结束时的回调函数。

以下库包含在 HTML 文件的“head”部分中，以便 JavaScript 函数正常工作。

编程需要懂一点英语

下面的例子说明了p5.js库中的onended()方法

例子：

Javascript

function setup() {
    createCanvas(550, 300);
    textSize(18);
  
    text("The onended() function would " +
         "be called when the video ends",
         20, 20);
  
    example_media =
      createVideo("sample-video.mp4");
    example_media.size(300, 150);
    example_media.position(20, 60);
  
    playBtn = createButton("Play Button");
    playBtn.position(30, 220);
    playBtn.mousePressed(() => {
  
      example_media.play();
    });
  
    // Using the onended() method
    example_media.onended(onendedShow);
}
  
function onendedShow(mediaElem) {
  
  // Get the media element from the callback
  let mediaSource = mediaElem.src;
  
  text("The media has ended playback!",
       20, 260);
  text("The source of the video is: " +
       mediaSource, 20, 280);
}

输出：

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