我对JS和jQuery非常陌生。
我编写了一个按钮,以在播放和暂停音频文件之间切换。我遇到的问题是,有时当我单击“播放”按钮时,似乎正在播放同一文件的两个副本。音频重叠,听起来好像有很多混响。
任何想法可能是什么原因造成的?谢谢!
<button class="play"></button>
<audio class="audio-clip" preload="none">
<source src="audio/file.mp3" type="audio/mpeg">
<source src="audio/file.ogg" type="audio/ogg">
</audio>
$('.slick-center .audio-clip').trigger('load');
$('audio.audio-clip').on('ended', function(){
$('.slick-center button.play').removeClass('on');
});
$('button.play').toggle(
function() {
$('.slick-center .audio-clip').trigger('play');
$('.slick-center button.play').addClass('on');
return false;
},
function() {
$('.slick-center .audio-clip').trigger('pause');
$('.slick-center button.play').removeClass('on');
return false;
}
);
原来,这是在无限模式下使用Slick Slider的结果。如果您需要将其保持在无限模式下,我不确定确切的解决方法是什么,但是将滑块更改为infinite:false可以解决问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句