停顿后,howler.js精灵声音恢复

时间:2016-05-24 01:09:35

标签: javascript audio web-audio howler.js

我正在尝试使用Howler.js设置音频精灵。基本的精灵功能工作正常,但如果我暂停一个精灵,我怎么能恢复它的播放?致电play()对我不起作用。

sound = new Howl({
  urls: ['http://<your audio asset>'],
  sprite: {
    frame1: [260, 4400],
    frame2: [4700, 2400],
    frame3: [7100, 2200],
    frame4: [9300, 2100],
    frame5: [11400,5100],
    frame6: [16500, 3000]
  }
});
----------------HTML-------------------
<button onclick="sound.play('frame6')">
Play Frame 6
</button>
<button onclick="sound.pause()">
Pause
</button>
<button onclick="sound.play()">
Play
</button>

我的步骤

  1. Play Frame 6
  2. 暂停
  3. 播放(预期:继续播放第6帧。实际:完全没有声音)

1 个答案:

答案 0 :(得分:0)

只需在pause()和play()中设置'frame6'即可...

----------------HTML-------------------
<button onclick="sound.play('frame6')">
Play Frame 6
</button>
<button onclick="sound.pause('frame6')">
Pause
</button>
<button onclick="sound.play('frame6')">
Play
</button>