QQ爹の博客 QQ爹の博客

YoduBGM一款typecho背景音乐插件

in Typecho 文章转载请注明来源!

YoduBGM 0.7.0

是一款简洁(简陋)风格的背景音乐播放器,需要主题支持pjax技术,否则页面切换歌曲会断掉。

背景音乐播放器那么多了为什么还要开发呢?而且还这么丑?
答:其他的背景音乐播放器只能支持常规的pjax模板,而Yodu模板使用的instantclick技术并没有得到支持,所以为了自己的模板能有个背景音乐播放器,我就自己弄了个。看这插件的名字就知道这个是专门为Yodu模板准备的,当然其他模板也是可以用的。

介绍:
音乐默认不自动播放,需要点击音乐图标才会播放,第二次点击则暂停,首次播放是随机播放列表中的一首歌曲,然后顺序播放。
>这个图标点击后会播放列表的下一首歌曲。
插件后台可以设置音乐自动播放,可以添加歌曲,并且附带网易云音乐的解析器。

下载地址:
https://github.com/jrotty/YoduBGM

常见问题
问:为什么有的时候只有两个框框而没有图标?
答:图标载入的字体文件,只有用后台绑定的域名访问才会显示,比如程序后台绑定的是 qqdie.com, 那么用 www.qqdie.com 进行访问就会出现没有图标的情况,建议将 www.qqdie.com 的域名重定向到 qqdie.com 上。这样怎么访问都会访问到程序绑定的域名上,图标也会完美显示了。

更新历史

2017年07月10日发布0.7.0版

修正网易云音乐api获取歌单失效问题

2017年01月16日发布0.6.0版

与文章内音乐播放器兼容,当文章内有音乐播放器播放时,会自动暂停背景音乐播放器,当切换到没有音乐播放器播放的页面时背景音乐再次继续播放。【仅限使用Audio标签的播放器】

2016年12月25日发布0.5.0版

网易云解析地址全面支持https,<s>优化了javascript代码</s>优化完反而有毛病已改回。

2016年12月11日发布0.4.0版

博主简单学习了下javascript,去除了对jQuery的依赖。

2016年11月30日发布0.3.0版

后台加入移动端显示与否,消除插件可能存在的隐患

2016年11月14日发布0.2.0版

修复0.1.5版instantclick模式下,页面切换歌曲顺序播放变为乱序播放的问题。

2016年11月12日发布0.1.5版

加入播放按钮的交互效果

2016年11月3日首次发布0.1.2版

一款支持同时支持pjax和instantclick技术的背景音乐播放器。

咳咳:
插件是根据32mb的QPlayer插件改的

插件预览:

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

版权声明:本文基于《知识共享署名-相同方式共享 3.0 中国大陆许可协议》发布,转载请遵循本协议
文章链接:https://qqdie.com/archives/typecho-yodubgm.html (转载时请注明本文出处及文章链接)

typecho音乐插件instantclick
发表新评论
已有 63 条评论
  1. 相随
    相随Windows 7谷歌浏览器
    回复

    希望下次更新能设置播放器的位置,比如:左上 右上 左下 右下 4个选项。

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @相随 这个插件已经不准备弄下去了,你可以自行修改css文件,来达到想要的效果

      1. 相随
        相随Windows 7谷歌浏览器
        回复

        @Jrotty 好吧。那我自己随便改了。可惜不维护。
        不然我可以一直做伸手党。
        慢慢改吧,没有一次又一次的轮子哪有送代出来的好产品。

        1. Jrotty
          Jrotty本文作者Windows 10谷歌浏览器
          回复

          @相随 yodupalyer就是在这个基础上迭代出来的 ,就是我站现在用的

  2. embryo
    embryoLinux火狐浏览器
    回复

    我在某主题使用这个插件发现,自动播放的话点进去又开一首歌,也就是同时两首一起放。还有就是换歌的话又是两首一起放。。。
    主题是https://weic.me/themes-note/ 这个

  3. Mr.童
    Mr.童Windows 10QQ浏览器
    回复

    设置了自动播放,电脑可以,手机就是不行。。。。

    1. Jrotty
      Jrotty本文作者iPhone OSUC浏览器
      回复

      @Mr.童 手机端分浏览器,有些浏览器不允许自动播放的,有些浏览器看你是不是用wifi如果是才会自动播放

  4. Sakura
    SakuraWindows 7谷歌浏览器
    回复

    Chromium似乎并不会出声。。。?

    1. Jrotty
      Jrotty本文作者Android NUC浏览器
      回复

      @Sakura Chromium没试过,欧朋浏览器放不出来倒是真的

  5. 易水寒
    易水寒Windows 7QQ浏览器
    回复

    博主你的打赏是插件还是什么 还有你的表情怎么弄的

    1. Jrotty
      Jrotty本文作者Windows 7谷歌浏览器
      回复

      @易水寒 这些都是纯模板里写的,不是插件

  6. 后宫学长
    后宫学长Windows 10谷歌浏览器
    回复

    QPlayer播放器给你重写了吧?
    简约的要命了,最少应该留个专辑图在那转的...
    歌单解析的那个程序要是能写入保存为js文件,前端页面引用js文件,这样看起来好看点。
    我还是喜欢格式化后的代码。

    1. Jrotty
      Jrotty本文作者iPhone OSUC浏览器
      回复

      @后宫学长 就网易歌曲解析那个直接用的qplayer里的(其实他也是用的别人的),其他的就是自己的写的哈,没考虑那么多,主要是让我的这个模板有个能支持的背景音乐插件

PREVIOUS NEXT
雷姆
拉姆
音乐加载中...
0:00