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

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

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

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

相关插件-音频和视频

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

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

一款简单实用的视频播放插件

虽小却精悍,可自动播放,音乐,视频,支持HTML5
  音频和视频
 66397  118

jQuery html5自定义视频控件

html5自定义视频控件,加入评论,载入弹幕,鼠标悬浮在进度条显示某时刻画面,视频卡端显示加载动画,清晰度切换等功能;并添加了弹幕隐藏显示设置,播放速度设置,镜像翻转设置。
  音频和视频
 20369  167

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 24950  66

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

    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
        哈哈,根据这位同学的评论,改进后,自动播放,声音都解决了
    回复
    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浏览器和微信里点击时不起作用? 回复
取消回复