jQuery悬浮HTML5音乐播放器插件QPlayer

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

 10427  76  查看评论 (26)
jQuery悬浮HTML5音乐播放器插件QPlayer ie兼容10

QPlayer-Typecho-Plugin

使用方法

Download ZIP, 解压,将 QPlayer-Typecho-Plugin-master 重命名为 QPlayer ,之后上传到你博客中的 /usr/plugins 目录,在后台启用即可

插件后台配置歌曲格式:

{title:"xxx", artist:"xxx", cover:"http:xxxx", mp3:"http:xxxx"}

,每个歌曲之间用英文,隔开。 请保证歌曲列表里至少有一首歌!

添加网易云音乐(需主机支持curl扩展)

去网易云音乐官网找到音乐id,支持 歌单|艺人|专辑|单曲 类型的id解析(单曲解析需国内服务器),billboard等排行榜也支持(实质就是歌单)。 


相关插件-音频和视频

html5云特效背景音乐网站模板

html5动态特效背景,带播放器
  音频和视频
 14662  223

voicewo在线语音识别转换jQuery插件

voicewo是一个专门用于在网页中实现语音识别转换的jQuery插件。
  音频和视频
 26638  64

音乐播放器

音乐播放器插件
  音频和视频
 11658  52

HTML5,CSS3,jQuery自制video播放器

HTML5,CSS3,jQuery自制video播放器
  音频和视频
 87771  77

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

    黑白灬墙面 0
    2017/8/17 20:31:48
    很棒的一款播放器,可是我在mp3:''中寻找本地文件,上级目录的mp3文件能播放,为什么找上级目录中某个文件夹下面的mp3文件就无法播放呢?
        黑白灬墙面0
        2017/8/17 22:03:35

        我知道原因了,没看清楚文档,不好意思

    回复
    云逸雾渺 0
    2017/7/18 20:37:43

    同一个网站转换页面之后怎么让它继续播放

        心跳如歌0
        2017/7/29 18:43:10

        pjax

    回复
    九分九厘、 0
    2017/6/19 10:32:39

    大佬,怎?添加本地音?和?片啊

    回复
    SAn 0
    2017/6/18 13:47:05

    网易云id解析几乎都封杀了啊。mp3连接解析不出来了

    回复
    SAn 0
    2017/6/18 12:19:11
    转身、重来 0
    2017/6/4 3:11:58

    请问这个该如何把ajax返回的json数据放进歌的列表里面呢?不知道是不是我写的不对,还是不支持那样。

    回复
    她城他心 0
    2017/4/28 13:49:44

    github.io博客 hexo 如何使用该插件 谢谢

    回复
    蒙哲 0
    2017/4/22 18:41:31

    网易云的外链怎么修改就可以用了?

    回复
    桃花依旧?笑春风 0
    2017/4/9 16:17:56

    请问哪个属性控制自动播放?急,在线等

        zegiman1
        2017/4/9 23:15:51

        JS参数:

        var autoplay = true;

        demo歌单中有。

    回复
    zegiman 0
    2017/4/2 1:35:09

    非常棒的一款播放器!

    谢谢作者分享这么好的作品!

    居然还有提示功能,404的歌曲还可以自动下一曲,这共享的播放器我就没找到您这么棒的!

    要是带个指导就好了呢,自动播放的开关参数之类的。

    不过网易云有自动获取实际地址的功能吗?

    请问怎么添加网易云呢?

    按照你的demo,我可以从其他插件中获取这些参数直接填进去,就是有点麻烦了.....

    {

        title: ""

        artist: ""

        mp3: ""

        cover: ""

    },

    我的不是Typecho。

        Magnolialips1
        2017/4/17 12:06:54

        网易云的话可以从http://music.163.com/api/playlist/detail?id= 获得json,然后处理下就行了

        蒙哲0
        2017/4/22 18:43:29

        可以 举个例子吗?

        转身、重来0
        2017/6/3 22:48:04

        http://music.163.com/api/playlist/detail?id=貌似不行了,不知道有新方法的吗?求解下,,,研究好久搞不定

    回复
取消回复