YoduBGM 一款 typecho 背景音乐插件(2022-03-25更新)

插件开发及发布

版主: woniou

头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

YoduBGM 一款 typecho 背景音乐插件(2022-03-25更新)

帖子 jrotty »

360截图20161103182044090.jpg
360截图20161103182044090.jpg (1.45 KiB) 查看 15911 次
YoduBGM
是一款简洁 (简陋) 风格的背景音乐播放器,需要主题支持 pjax 技术,否则页面切换歌曲会断掉。

需要模板支持 instantclick或者pjax,否则页面切换歌曲会断掉。

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

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

使用方法
下载压缩包, 解压,得到名为YoduBGM的文件夹,如果不是请将文件夹重命名为YoduBGM ,之后上传到你博客中的 /usr/plugins 目录,在后台启用即可

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

更新历史

2022-03-25发布1.7.0版本
增加播放错误跳到下一曲,默认歌曲音量为当前音量的68%,直链与网易云id支持混填,新增开场音乐设置 感谢 @daxiyun

2022-03-24发布1.6.5版本
时隔4年的重新维护,删除失效的api改用网易云自己的api,新增一项间距设置,重写css样式。

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

2017 年 01 月 16 日发布 1.5.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 技术的背景音乐播放器。
上次由 jrotty 在 2022年 4月 3日 10:54,总共编辑 5 次。
头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

Re: YoduBGM 一款 typecho 背景音乐插件(2016-11-14更新)

帖子 jrotty »

更新啦
winyer
帖子: 18
注册时间: 2016年 11月 30日 13:06

Re: YoduBGM 一款 typecho 背景音乐插件(2016-11-14更新)

帖子 winyer »

下载地址挂了啊
头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

Re: YoduBGM 一款 typecho 背景音乐插件(2016-11-14更新)

帖子 jrotty »

winyer 写了:下载地址挂了啊

博客备案中,所以暂时无法访问,暂时最新的版本为http://pan.baidu.com/s/1o7R9E0y
头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

Re: YoduBGM 一款 typecho 背景音乐插件(2018-06-16更新)

帖子 jrotty »

诈尸更新啦,哈哈哈
MHun
帖子: 6
注册时间: 2018年 8月 12日 21:19

Re: YoduBGM 一款 typecho 背景音乐插件(2018-06-16更新)

帖子 MHun »

好用~
MHun
帖子: 6
注册时间: 2018年 8月 12日 21:19

Re: YoduBGM 一款 typecho 背景音乐插件(2018-06-16更新)

帖子 MHun »

我有个作死的想法 冒昧问一下 如何把图标调到左边
头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

Re: YoduBGM 一款 typecho 背景音乐插件(2018-06-16更新)

帖子 jrotty »

MHun 写了:我有个作死的想法 冒昧问一下 如何把图标调到左边

css中有句 right: 5px;改成left:5px;即可
念念不忘,必有回响
帖子: 6
注册时间: 2017年 7月 17日 15:02

Re: YoduBGM 一款 typecho 背景音乐插件(2018-06-16更新)

帖子 念念不忘,必有回响 »

已用
不错!
头像
jrotty
帖子: 395
注册时间: 2015年 11月 2日 19:30
来自: http://blog.zezeshe.com
联系:

Re: YoduBGM 一款 typecho 背景音乐插件(2022-03-25更新)

帖子 jrotty »

诈尸更新
回复