jQuery同时播放HTML5音频源

狮王

我对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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery同时播放HTML5音频源

来自分类Dev

非法调用jQuery HTML5音频播放

来自分类Dev

jQuery自动播放HTML5音频

来自分类Dev

播放/暂停按钮HTML5音频

来自分类Dev

播放实时音频流-html5

来自分类Dev

播放html5中的音频范围

来自分类Dev

HTML5音频开始播放延迟

来自分类Dev

播放/暂停按钮HTML5音频

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

音频播放完HTML5后如何触发JQuery事件

来自分类Dev

HTML5音频播放器无法在Safari或IE上与jQuery一起使用

来自分类Dev

HTML5音频播放器无法在Safari或IE上与jQuery一起使用

来自分类Dev

使用 jquery 和 html5 音频播放歌曲列表

来自分类Dev

HTML5音频,测试是否使用javascript播放

来自分类Dev

如何禁用html5音频元素播放/暂停按钮

来自分类Dev

使用html5播放音频流

来自分类Dev

使用HTML5捕获当前正在播放的音频?

来自分类Dev

HTML5音频Blob无法在Android上播放

来自分类Dev

html5音频播放了很多次

来自分类Dev

HTML5音频标签Wav文件未加载/播放

来自分类Dev

如何使html5音频播放器响应?

来自分类Dev

在iOS中连续HTML5音频/视频播放?

来自分类Dev

样式化HTML5音频播放器

来自分类Dev

HTML5音频Blob无法在Android上播放

来自分类Dev

HTML5音频,测试是否使用javascript播放

来自分类Dev

HTML5 JS同时播放多次相同的声音

来自分类Dev

在Safari上同时播放html5视频标签

来自分类Dev

LightGallery 所有 html5 视频同时播放