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,12,10
封面图 404 时,自动将内置图片补上去假装图没挂,播放器外面点击关闭抽屉,优化 yodu 模板的定制皮肤,版本号 1.8.0
2017,12,06
增加默认音乐与封面图【当音乐列表为空时默认填充】(内置音乐只要非盈利性质则不涉及版权问题),版本号 1.7.5
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

支付宝打赏

文章二维码

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

本文基于《署名 - 非商业性使用 - 相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/typecho-yoduplayer.html (转载时请注明本文出处及文章链接)

typecho插件 播放器instantclick
发表新评论
已有 83 条评论
  1. was172
    was172Windows 7谷歌浏览器
    回复

    谢谢

  2. Sakura
    SakuraLinuxEdge浏览器
    回复

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

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

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

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

    怎样可以无刷新加载??

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

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

  4. 小姐姐
    小姐姐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兼容了

  5. Sakura
    SakuraLinux未知浏览器
    回复

    下回去更新

  6. 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 大佬强收保护费啦 /逃

PREVIOUS NEXT
雷姆
拉姆