jQuery使用jAudio.js插件实现流媒体音乐播放器

所属分类:媒体-音频和视频

 48469  387  查看评论 (26)
分享到微信朋友圈
X
jQuery使用jAudio.js插件实现流媒体音乐播放器 ie兼容10

jQuery使用jAudio.js插件实现流媒体音乐播放器特效源码是一款基于jAudio.js插件实现的音乐网站播放器代码。流媒体音乐播放器带有暂停、继续、前进、后退按钮,实用价值非常高。本段代码适应于所有网站使用,有需要的朋友们可以前来下载使用,本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。a

相关插件-音频和视频

3D音频分析仪

3D音频分析仪,效果那是相当的震撼。
  音频和视频
 39375  399

jwplayer响应式多终端适配视频播放器

jwplaye,自定义视频图片封面,全浏览器兼容、响应式多终端适配视频播放器
  音频和视频
 174656  664

完美仿网易网页侧边隐藏音乐播放器

非常好用的网页侧边音乐播放器(在服务器下完美运行)
  音频和视频
 47515  435

jQuery音乐播放+歌词同步

简单模仿音乐播放以及歌词同步
  音频和视频
 25769  299

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    自由如风 0
    2021/2/26 17:18:11
    怎么让下面的切歌键悬浮在底部 回复
    TokyoThumb 0
    2019/8/5 21:33:24
    这插件能不能在vue中使用 回复
    wdlpyseg 0
    2019/1/12 11:03:33
    请问一下,为什么我的上一首\播放\下一首三个按钮前面都有一个按钮小方块? 回复
    WckY 0
    2018/3/9 15:22:00

    如果不想实现自动播放同时不报错怎么办呢?
    我的做法是这样的:

    if(self.currentState === "play" || self.settings.autoPlay == "true")

    ,同时不往 function Plugin( $context, options )函数末尾加一条  this.play()。经过测试苹果手机QQ里是完全可行的,微信、safari里本身做了限制。但我有一个疑问,index.html里的autoPlay:true 是干嘛的,不管我是改成false还是直接删除,完全没影响啊。而且,即使我允许自动播放,autoPlay:true我直接删掉也完全没影响。

    回复
    ??乌龙茶 0
    2018/1/26 13:24:17
    又是个听EDM的程序猿 回复
    _一二三四五 0
    2017/10/17 15:34:46
    那个把超过三首的歌曲隐藏掉弄不了啊 回复
    眼镜_c 0
    2017/9/4 17:10:07
    晓风残月?? 5
    2017/8/25 21:46:08

    总体很好,但一些地方需要完善。

    1.自动播放。最开始一直出现一个错误 

     The play() request was interrupted by a call to pause().

    把autoPlay 的参数改成true,1等等都没用,搞了半天,发现

     if(self.currentState === "play" || self.settings.autoPlay)

    这里的 self.settings.autoPlay后面没用参数,然后就改成了 self.settings.autoPlay==“true”。很好,错误没有了,但是歌曲还是不能自动播放,看半天,是需要调用play()的函数,但是水平较低,难得看懂,然后就找默认配置,等等之类的,最后在

    function Plugin( $context, options )

    后面加了一个this.play(),居然成功了,难得啊。

    2.音量控制。先不说音量控制,一开始音量那么小,还以为是那3首音乐本身的原因,结果添加自定义还是那么小,才发现是代码设置原因。看评论才发现是改 self.domAudio.volume=1;   这个音量控制是一个可以改进的地方。

    3. 播放列表滚动条,可以用js做一个自定义的,用

    over-x:hidden;overflow-y:auto

    太难看了。

    4. 歌曲随机播放、顺序播放、单曲循环播放等模式。

    5. 加悬浮fixed,贴边隐藏,显隐播放列表。

    6. 播放列表,按钮控件等cursor:pointer

    7. 还有许多可以加的,当然,这些可以作为使用者的二次开发。

        Healing0
        2017/9/27 10:24:28
        改了图片歌曲后,点击进度条快进回重置回起点,怎么解决?
        1st_sWorD0
        2018/2/27 17:29:52
        哈哈,根据这位同学的评论,改进后,自动播放,声音都解决了
        南海鱼虾蟹??0
        2019/2/14 10:13:12
        完美解决,6666666
        Happygril0
        2019/5/7 11:25:36
        为什么我按照设置后自动播放还是不行, self.domAudio.play();这一行报错
    回复
    IT 民工 0
    2017/1/13 1:01:33

    如何实现自动播放? 页面加载时就自动播放效果

        糖油果子0
        2017/4/21 14:18:40
        亲  你实现自动播放了么?
        晓风残月??1
        2017/8/25 21:23:47

        1.改   autoplay: false, 为 autoplay: true,

        2.改

         if(self.currentState === "play" || self.settings.autoPlay)

        为  

         if(self.currentState === "play" || self.settings.autoPlay == "true")

        3.在 function Plugin( $context, options )函数末尾加一条  this.play()

        亲测可以!

        匠心0
        2018/10/11 13:47:35
        厉害了
        ら. Rosē ゛0
        2021/4/25 15:53:13
        感谢!!!!👍
    回复
    miro。 0
    2016/11/20 15:11:36
    为什么声音这么小呢,有什么办法可以调大一点吗?
        .1
        2017/7/29 9:47:59

        self.domAudio.volume=1; //播放声音大小

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复