p5.js | onended()函数

onended()函数是 p5.js 库中的内置函数。此函数用于在声音文件到达结尾时安排一个事件，这意味着如果您正在播放音频，您可以在该音频到达其持续时间结束时安排任何事件。使用带有此函数的循环时要小心，否则计划的事件将不会触发。

onended(callback)

注意：只有当声音库包含在index.html文件的 head 部分中时，所有与声音相关的功能才有效。

参数：此函数接受一个如上所述和如下所述的参数：

• callback：此参数是音频到达缓冲区末尾时将调用的函数的名称。

以下示例说明了 JavaScript 中的p5.onended()函数：
示例 1：在此示例中，音频将不循环播放。

var sound;
  
function setup() {
  
    // Initialize sound 
    sound = createAudio('pfivesound.mp3');
     
    // Playing the sound 
    sound.play();
  
    // event define after end of audio
    sound.onended(geeks);
  
  }
    
  //event that will occur 
  function geeks(dur) {
    alert('Audio ended ');
  }
   

输出：完成音频后。

示例 2：在此示例中，音频将循环播放。所以不会有事件。

var sound;
  
function setup() {
  
     // Initialize sound 
    sound = createAudio('pfivesound.mp3');
      
    // Playing the sound 
    sound.play();
  
    // looping the sound 
    sound.loop();
  
    // event define after end of audio
    sound.onended(geeks);
  }
    
  function geeks(dur) {
    alert('Audio ended ');
  }
   

输出：

No event will occur

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

支持的浏览器： p5.js onended()函数支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧