处理多个对象

Question

我正在构建音乐混音器，但是我不知道如何创建多个对象。

由于无法像在循环中那样创建动态对象名称，因此我不知道如何处理

var wavesurfer = WaveSurfer.create({
    container: '.regua div[regua-item="index-0"]',
    scrollParent : true
});

wavesurfer.load('link.mp3');
wavesurfer.play();

问题是我最多只能调用一次，因为它会重写wavesurfer.load

中的链接

赞：

wavesurfer.load('link_2.mp3') // once i load another music this one will be destroyed
wavesurfer.load('link_3.mp3')

这里的解决方案是什么？

Answer 1

您可以尝试使用setInterval()和if语句，该语句检测是否通过使用.ended()完成了waveurfer。像这样：

let musicInterval = setInterval(function(){
  if(wavesurfer.ended()){
    //Your code


    // this is to clear the interval, if that is what you want.
    clearInterval(musicInterval)
  }
},100)