YoduBGM一款typecho背景音乐插件

YoduBGM 1.6.0

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

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

插件特色
1,这是一款简洁BGM播放器,需要您的主题支持pjax或者instantclick才能保证页面切换依旧播放
2,支持多首歌曲,且默认随机播放
3,可设置是否自动播放(部分手机浏览器不支持)
4,支持网易云音乐调用(不保证api永远有效)
5,当你按照格式只填写一首歌曲时,插件会默认隐藏掉切歌按钮,只保留播放按钮,使其更加简洁
6,插件使用了原生js,所以无需加载jq等js框架
7,整个插件所需要加载的文件不到5kb,可谓是非常小巧了

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

更新历史

2018年06月29日发布1.6.0版

音乐格式填写方式简化

2018年06月16日发布1.5.0版

1,字体图标文件全部写入了css里,解决特殊情况下的字体跨域问题
2,复活网易云调用功能
3,加了了歌曲数量判断,大于一首歌曲时,切歌按钮才会出来,使其更加简洁人性化
4,js梳理优化,缩减代码,解决部分bug

2018年x月x日发布x版

删除网易云音乐api功能,失效了

2017年07月10日发布0.7.0版

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

2017年01月16日发布0.6.0版

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

2016年12月25日发布0.5.0版

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

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技术的背景音乐播放器。

插件预览:

YoduBGM背景音乐播放器插件

Comments (82)

    Generic placeholder image
    张强 回复

    大佬,可以解决谷歌浏览器自动播放的问题吗?我找了好多方法都不行,但是 METO 大佬的 APlayer for Typecho | Meting (https://github.com/MoePlayer/APlayer-Typecho) 居然就可以在谷歌浏览器自动播放

    Generic placeholder image
    Ai 回复

    大佬,好用啊!蟹蟹蟹蟹!

    Generic placeholder image
    小白 回复

    启用的时候直接报服务器错误?

      Generic placeholder image
      泽泽社长 回复

      文件夹必须重命名为YoduBGM,否则会报错

    Generic placeholder image
    喵小懒 回复

    安装以后网站啥都没显示,啥都没有

      Generic placeholder image
      泽泽社长 回复

      大概你的模板文件footer里缺少<?php $this->footer(); ?>这个插件接口

    Generic placeholder image
    小蟹 回复

    大佬,为啥我装上去了没有暂停的按钮。

    Generic placeholder image
    忙鹿鹿 回复

    估计是缓存问题

    Generic placeholder image
    忙鹿鹿 回复

    后台保存了歌曲,前台可以播放。再次关闭浏览器,打开后又变成默认的无歌曲状态,查看后台保存的歌曲还在。重新点击保存后又可以了,然后关闭浏览器再次打开又不行了。

    Generic placeholder image
    法法 回复

    发大发

    Generic placeholder image
    蜡笔小新 回复

    我自己不设置音乐,能听到默认的歌曲,自己一添加,播放的图标就变空白了,也放不了了,路径是对的,之前还能用,现在突然用不了了。

      Generic placeholder image
      Jrotty 回复

      你怎么添加的?

    Generic placeholder image
    小明 回复

    设置了自动播放,但是并没有自动播放啊

      Generic placeholder image
      Jrotty 回复

      文章中说明了,部分浏览器不支持,尤其是手机浏览器(大概为了替大家省流量的原因)