p5.js onended()用法及代码示例

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

onended(callback)

注意：仅当index.html文件的开头部分中包含声音库时，所有与声音相关的函数才起作用。

参数：该函数接受如上所述和以下描述的单个参数：

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

在线编辑：
环境设置：

支持的浏览器：下面列出了p5.js onended()函数支持的浏览器：

谷歌浏览器
IE浏览器
火狐浏览器
苹果浏览器
Opera

相关用法

注：本文由纯净天空筛选整理自skyridetim大神的英文原创作品 p5.js | onended() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。