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

插件开发及发布

版主: woniou

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

帖子jrotty » 2016年 11月 3日 18:21

360截图20161103182044090.jpg
360截图20161103182044090.jpg (1.45 KiB) 被浏览 7965 次

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 目录,在后台启用即可

插件后台配置歌曲格式:

{mp3:"http:xxxx"} ,多个歌曲之间用英文,隔开。

添加网易云音乐
直接填写单个歌曲id即可,多个id之间用回车隔开

感谢
api提供:https://api.imjad.cn/cloudmusic.md


下载地址:
https://github.com/jrotty/YoduBGM
http://qqdie.com/archives/typecho-yodubgm.html

更新历史
2017 年 01 月 16 日发布 1.5.0 版

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


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

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 编辑于 2018年 6月 16日 11:17,总共编辑了 4 次
头像
jrotty
 
帖子: 240
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

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

帖子jrotty » 2016年 11月 14日 21:53

更新啦
头像
jrotty
 
帖子: 240
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

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

帖子winyer » 2016年 12月 25日 17:19

下载地址挂了啊
winyer
 
帖子: 4
注册: 2016年 11月 30日 13:06

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

帖子jrotty » 2016年 12月 26日 13:28

winyer 写道:下载地址挂了啊

博客备案中,所以暂时无法访问,暂时最新的版本为http://pan.baidu.com/s/1o7R9E0y
头像
jrotty
 
帖子: 240
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

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

帖子jrotty » 2018年 6月 16日 11:18

诈尸更新啦,哈哈哈
头像
jrotty
 
帖子: 240
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

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

帖子MHun » 2018年 8月 12日 21:31

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

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

帖子MHun » 2018年 8月 12日 22:21

我有个作死的想法 冒昧问一下 如何把图标调到左边
MHun
 
帖子: 5
注册: 2018年 8月 12日 21:19

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

帖子jrotty » 2018年 8月 31日 10:10

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

css中有句 right: 5px;改成left:5px;即可
头像
jrotty
 
帖子: 240
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com


回到 插件及扩展

在线用户

正在浏览此版面的用户:没有注册用户 和 6 位游客