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条评论

    AlphA

    百度云的资源失效了 ,然后我好像用的是1.1.0的版本,可以显示播放和下一首两个按钮,但是点击之后音乐不回播放。

    游客 安卓派 62天前回复

    苏z

    我的没有声音怎么办

    游客 Windows10 91天前回复

      泽泽社长
      @苏z

      换个确认没有问题的音乐链接吧

      作者 Windows7 91天前回复

        苏z
        @泽泽社长

        还是不行

        游客 安卓派 91天前回复

        苏z
        @泽泽社长

        {title:"烟火里的尘埃",artist:"华晨宇",mp3:"//p2.music.126.net/FZgcou5sXLCiTZ6Mew_7BQ==/6620159510911610.mp3",cover:"//p2.music.126.net/_49Xz_x9kTTdEgmYYk6w2w==/6672936069046297.jpg?param=106x106",},

        游客 安卓派 91天前回复

          泽泽社长
          @苏z

          兄弟放音乐直链,不懂什么是直链就别用插件了,你用不懂的

          作者 Windows7 90天前回复

            苏z
            @泽泽社长

            已经弄好了大佬,是直链失效了。

            游客 安卓派 90天前回复

    月明天涯

    WP博客的大佬看过来!此插件的WP博客版正式开放使用。经过多次测试,暂未发现bug。欢迎大佬们使用。插件地址:http://blog.heheda.top/archives/527

    游客 安卓奥利奥 99天前回复

      泽泽社长
      @月明天涯

      好的,链接放到文章上了

      作者 Windows7 98天前回复

    月明天涯

    博主,你的这款插件很不错。我把他成功移植到了我的wp博客上,但是,还有很多WP博客博主希望用到这款插件。我可以把他发布到WP博客的官方插件库吗?【插件内,以及相关文章均已著名插件的原始作者。插件主页:http://blog.heheda.top/archives/527

    游客 Linux 112天前回复

      泽泽社长
      @月明天涯

      可以哈,虽然我也发过wp版本,不过肯定没你们弄的好

      作者 Windows7 111天前回复

    张强

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

    游客 Windows10 123天前回复

      泽泽社长
      @张强

      不知道,我怎么维护了

      作者 Windows7 111天前回复

    Ai

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

    游客 Windows10 123天前回复

    小白

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

    游客 Windows10 207天前回复

      泽泽社长
      @小白

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

      作者 Linux 207天前回复

    喵小懒

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

    游客 安卓牛轧糖 218天前回复

      泽泽社长
      @喵小懒

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

      作者 Linux 218天前回复

    小蟹

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

    游客 Windows10 286天前回复

    忙鹿鹿

    估计是缓存问题

    游客 Windows10 436天前回复

智能推荐