QQ爹の博客 QQ爹の博客

YoduPlayer背景音乐播放器发布

in Typecho 文章转载请注明来源!

YoduPlayer

YoduBGM之后的另一款支持instantclick的背景音乐播放器。

特点

0,支持自定义播放器css。
1,支持使用pjax或者instantclick的模板。
2,歌单设置内置了网易云音乐解析
3,可设置自动播放,手机端自动隐藏等
4,无JQ[早期打包版本无需jq],要求浏览器ie9+
5,有上一曲,下一曲,暂停/播放,封面显示等功能,封面播放时会旋转。
6,针对typecho的Yodu主题模板特殊优化,根据期多皮肤自动变色适应皮肤等。
7,歌曲列表功能支持,正在播放的歌曲在列表中标注支持。

小问题

1,与yodubgm应该会有冲突,建议他俩之间只是用一个。
2,与其他的模板样式上可能会遇到冲突。
3,歌曲虽然可以解析网易云音乐,但不保证不会出现部分音乐无法播放的可能性。

背景

因为前天有人吐槽YoduBGM太过简洁,于是昨天中午重写了个样式,js代码部分抄自己之前写的yodubgm的代码,音乐播放时间格式化借鉴与Qplayer,其余的都是现写的,边百度边写233。本来没想做成插件,想内置到模板里,但是貌似不利于传播,于是刚刚封装进了插件。

测试

目前没怎么测试,只是在我自己的模板上简单的跑了一下,没什么问题各项功能正常。

截图

下载地址

https://github.com/jrotty/YoduPlayer

更新记录

2017,10,09
歌曲列表正在播放的歌曲加入样式标注,发布测试版1.7.3
2017,10,08
加入了歌曲列表功能,发布测试版1.7.0
2017,10,01
修复部分浏览器抽屉失效问题,增强浏览器兼容性
2017,09,27
部分浏览器进度条错位问题修复
2017,07,27
修正进度条定位问题,版本号1.3.0。
2017,07,25
解决部分模板的字体冲突问题
2017,07.10
重新加入修复版的网易音乐获取api,版本号1.2.0。
2017,06.12
支持显示音乐播放进度条,删除已经失效的网易云api,版本号 1.1.0。
2017.04.16
修复上下曲切换播放封面不旋转问题,修复列表播放不循环问题,版本号1.0.1。
2017.04.15
加入自定义css,加入yodu主题模板定制化方案,版本号为1.0.0
2017.04.14晚
修正css使其兼容更多模板,版本号为0.6.0
2017.04.14
上传第一个版本,版本号为0.5.0

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

版权声明:本文基于《知识共享署名-相同方式共享 3.0 中国大陆许可协议》发布,转载请遵循本协议
文章链接:https://qqdie.com/archives/typecho-yoduplayer.html (转载时请注明本文出处及文章链接)

typecho插件播放器instantclick
发表新评论
已有 82 条评论
  1. Sakura
    SakuraLinuxEdge浏览器
    回复

    更新后发现播放器点不出来,怎么点都没用,后来才发现这个现在要jQuery了。。。

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @Sakura 因为考虑到一般pjax站,都会引用jq,所以无jq仿佛变得没有意义了

  2. 阿飞
    阿飞Windows 10谷歌浏览器
    回复

    怎样可以无刷新加载??

    1. Jrotty
      Jrotty本文作者Windows 10谷歌浏览器
      回复

      @阿飞 需要模板支持pjax技术

  3. 小姐姐
    小姐姐Windows 10谷歌浏览器
    回复

    为什么我用了这个插件后图片就不能像你一样弹出框框了 ,直接打开图片链接音乐就停止了

    1. 小姐姐
      小姐姐Windows 10谷歌浏览器
      回复

      @小姐姐 用yodubgm也有 这个问题

    2. 小姐姐
      小姐姐Windows 10谷歌浏览器
      回复

      @小姐姐 是fancybox冲突??

      1. Jrotty
        Jrotty本文作者Windows 10谷歌浏览器
        回复

        @小姐姐 fancybox的pjax你没处理好...跟音乐播放器没关系

        1. 小姐姐
          小姐姐Windows 10谷歌浏览器
          回复

          @Jrotty 嗯………看了https://qqdie.com/archives/instantclick.html这篇文章,我给图片他父标签加了个data-no-instant兼容了

  4. Sakura
    SakuraLinux未知浏览器
    回复

    下回去更新

  5. Joe
    JoeWindows 10火狐浏览器
    回复

    我也是yodu模板,装了这个插件切换页面还是会停止播放音乐,大佬求帮忙看下

    1. Jrotty
      Jrotty本文作者Android OUC浏览器
      回复

      @Joe 收费版才支持无刷新加载的,不交钱你怎么变强

      1. joe
        joeiPhone OSSafari浏览器
        回复

        @Jrotty 其实我想买来着,想买的那一天正好是涨价的一天.无奈只能放弃了

        1. Jrotty
          Jrotty本文作者Windows 10谷歌浏览器
          回复

          @joe 今年最初卖50来着,现在对比来说也就涨5块钱

      2. joe
        joeiPhone OSSafari浏览器
        回复

        @Jrotty 大佬强收保护费啦 /逃

  6. sa
    saWindows 10谷歌浏览器
    回复

    启用插件时报 Server Error

    1. Jrotty
      Jrotty本文作者Linux谷歌浏览器
      回复

      @sa 解压后得到的文件夹重命名删掉-master

    2. sa
      saWindows 10谷歌浏览器
      回复

      @sa 可以了,文件夹改下名可以了,谢谢。

PREVIOUS NEXT
雷姆
拉姆
音乐加载中...
0:00