📜  p5.js| addCue()函数

📅  最后修改于: 2022-05-13 01:56:34.802000             🧑  作者: Mango

p5.js| addCue()函数

addCue()函数是 p5.js 库中的内置函数。此函数用于在每个指定时间在正在播放的加载音频的某个特定点触发某些特定任务。

句法:

addCue(time, callback, value)

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

参数:此函数接受三个参数,如上所述,如下所述:

  • time:此参数保存当时将触发的事件的时间。
  • callback:此参数是当音频到达指定时间时将调用的函数的名称。
  • value:此参数作为回调的第二个参数传递,它是可选的。

下面的示例说明了 JavaScript 中的 p5.addCue()函数:
例子:

var sound;
   
function setup() {
   
    // Initialize sound 
    sound = createAudio('song.mp3');
      
    // Playing the sound 
    sound.play();
   
    // event define after specific time of audio
    sound.addCue(5, geeks);
    sound.addCue(10, pse);
  }
     
  //event that will occur in 5 sec
  function geeks(dur) {
    alert('addCue function running');
  }
  
  //event that will occur in 10 sec
  function pse() {
    sound.pause();
  }

注意:如果触发事件需要用户响应,那么没有收到响应的下一个事件将不会发生。

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

支持的浏览器: p5.js addCue()函数支持的浏览器如下:

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