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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。