gpt4 book ai didi

javascript - Howler.js-仅暂停方法使Mut叫静音,实际上不暂停它们

转载 作者:行者123 更新时间:2023-12-03 01:52:44 36 4
gpt4 key购买 nike

这是一个持续存在的问题的一部分:triggering files from an array/for-loop

我有一个问题,那就是How叫声实际上并没有暂停,但实际上是“静音”。当单击暂停时,叫声会静音,但会继续静音运行。我尝试使用.stop(),但得到的结果相同。

我正在使用onend属性,该属性有效并显示.pause()方法不起作用。重复单击暂停/播放时,一切都会变得很混乱!

在从数组编写the叫和相关控制按钮的脚本之前,暂停效果非常好。由于使用了数组,所以pause方法已停止正常工作。

这是一个:fiddle of the current pause issue(控制台日志在那里工作)

这是js:

var sounds = ['sound1', 'sound2'];
var howls = {};
sounds.forEach(function(sound){
howls[sound] = new Howl({
urls: ['http://powellian.com/assets/audio/' + sound + '.mp3', 'http://powellian.com/assets/audio/' + sound + '.ogg'],
volume: 1,
onplay: function() {
console.log('PLAYING: ' + sound);
$('#' + sound).removeClass('static').addClass('PLAYING');
$('#' + sound + ' span.play').addClass('hide');
$('#' + sound + ' span.pause').removeClass('hide');
},
onpause: function() {
console.log('PAUSED: ' + sound);
$('#' + sound).removeClass('PLAYING').addClass('PAUSED');
$('#' + sound + ' span.play').removeClass('hide');
$('#' + sound + ' span.pause').addClass('hide');
},
onend: function() {
console.log('ENDED: ' + sound);
$('#' + sound).removeClass().addClass('static');
$('#' + sound + ' span.play').removeClass('hide');
$('#' + sound + ' span.pause').addClass('hide');
}
});

// PLAY btn
$('#' + sound + ' span.play').click(function () {
howls[sound].play();
});
// PAUSE btn
$('#' + sound + ' span.pause').click(function () {
howls[sound].pause();
});
});

记录使用的是Howler v1.1.29。在v2.0上进行了尝试,但由于其他各种原因而无法使用(例如,不会加载数组-我不需要2.0,但如果有帮助的话,愿意对此问题进行测试)。

任何帮助将不胜感激,并在此先感谢。

最佳答案

已修复-我的问题很糟糕,但是在v2.0中,我没有意识到urls需要更改为src,所以做到了,而且一切正常。

在本地版本上,我向该阵列添加了另一个音频文件,并且暂停和播放均正常。谢谢你的建议!

这是一个updated fiddle using 2.0.0-beta14

关于javascript - Howler.js-仅暂停方法使Mut叫静音,实际上不暂停它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38309476/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com