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

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

 15219  69  查看评论 (16)
jQuery使用jAudio.js插件实现流媒体音乐播放器 ie兼容10

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

相关插件-音频和视频

创建gif动画插件Gifshot

Gifshot是一个javascript库,可以从媒体流,视频,或者图片创建gif动画。
  音频和视频
 12942  29

HTML5磁带音乐播放器-CASSETTE PLAYER

相信80后之前的人都知道磁带,它是一个时代的符号,但是现在已经被MP3和电脑给完全替代了。而今天我要给大家推荐的就是一款模拟磁带的html5播放器,能用到这款插件真的是挺让人兴奋的。相信这一定会勾起你很多美好的回忆。
  音频和视频
 16028  67

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

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

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

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

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币

    _一二三四五 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
        改了图片歌曲后,点击进度条快进回重置回起点,怎么解决?
    回复
    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()

        亲测可以!

    回复
    miro。 0
    2016/11/20 15:11:36
    为什么声音这么小呢,有什么办法可以调大一点吗?
        .1
        2017/7/29 9:47:59

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

    回复
    人海中的wo 0
    2016/8/24 19:08:12
    我怎么播放不了流媒体 回复
    TANJIEWEN 0
    2016/8/5 1:08:57
    如果添加超过三首歌之后,想把再添加的歌隐藏,用下拉表示,可以怎么弄吗
        90后大叔1
        2017/5/16 17:09:53

        你可以把放歌曲名字的容器设置为overflow:auto

    回复
    高健 0
    2016/5/4 2:05:24
    在手机QQ浏览器和微信里点击时不起作用? 回复
    smc2016sh 0
    2016/4/27 14:04:13
    。。。音量控制那不成APP了 回复
    qq429564332 0
    2016/4/12 15:04:50
    为什么没音量控制? 回复
取消回复