YoduBGM一款typecho背景音乐插件

Typecho插件 typecho 音乐 插件 instantclick 2016-11-3

YoduBGM 1.6.0

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

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

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

下载地址:
typecho版本:https://github.com/jrotty/YoduBGM
wordpress版本:http://blog.heheda.top/archives/527

更新历史

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背景音乐播放器插件

96条评论

    落叶大大
    [狗]#[狗]#[狗]多谢多谢,已经用上了

    游客 Windows10 1110天前回复

      Jrotty
      @落叶大大

      我貌似发现问题,你的文章数量比你的女伴少两篇,所以对不上#[滑之稽]

      游客 Windows10 1110天前回复

      落叶大大
      @落叶大大

      对啊,你说怎么办吧#[哭]

      游客 Windows10 1110天前回复

      Jrotty
      @落叶大大

      你的那个博客好厉害,文章左边比右边多一个,群里提问的就是你哈#[笑尿]

      游客 Windows10 1110天前回复

    Doeca
    [狗]又得对主题进行魔改了

    游客 Windows10 1111天前回复

    大袋鼠

    很棒,最近我打算换一下你主题的代码高亮js,但好像那个instantclick不会加载自定义的js,给标签写上data-no-instant也不行。

    游客 Windows10 1111天前回复

      大袋鼠
      @大袋鼠

      果然 多谢

      游客 Windows10 1110天前回复

      Jrotty
      @大袋鼠

      怎么跟你说呢,我模板默认的就是你说的这个不过版本不是最新的,你需要在load.js中搜索highlight大概是那个位置,默认的是highlight9.4.0的版本换成最新的即可,还有就是style.css中搜hljs,这个位置就是默认的高亮css,比较简陋可以换成你想要的css#[吐舌]

      游客 Windows10 1110天前回复

      大袋鼠
      @大袋鼠

      https://github.com/isagalaev/highlight.js 这一款,ಥ_ಥ多谢了。

      游客 Windows10 1110天前回复

      Jrotty
      @大袋鼠

      你想用什么代码高亮,我研究下ಥ_ಥ

      游客 Windows10 1110天前回复

      大袋鼠
      @大袋鼠

      如何添加重载函数(╯°口°)╯(┴—┴

      游客 Windows10 1110天前回复

      Jrotty
      @大袋鼠

      我的这个主题吗,我这个主题的代码高亮貌似没加data-no-instant就好使了,其他的代码高亮可能需要添加重载函数

      游客 Windows10 1110天前回复

    音乐视频解析站

    这个很牛逼,好基友

    游客 Windows10 1112天前回复

    王忘杰

    改了一下pjax,页面倒是不刷新了,可是音乐刷新了#[捂脸]

    游客 Windows10 1112天前回复

      Jrotty
      @王忘杰

      pjax局部刷新的框架不能包括插件部分哦,否则肯定会不好使的

      游客 Windows10 1112天前回复

    王忘杰
    [滑稽]然而我的主题不支持

    游客 Windows10 1112天前回复

    CAISIDUO

    可为什么你右上角看不到播放器呢qwq

    游客 Windows10 1113天前回复

      Jrotty
      @CAISIDUO

      能啊(宽度大于767px就显示的),还不行可能就是缓存问题了

      游客 Windows10 1113天前回复

智能推荐