QQ爹の博客 QQ爹の博客

YoduBGM一款WordPress背景音乐插件

in 代码相关 文章转载请注明来源!

YoduBGM 1.1.0
是一款简洁 (简陋) 风格的背景音乐播放器,需要主题支持 pjax 技术,否则页面切换歌曲会断掉。

背景音乐播放器那么多了为什么还要开发呢?而且还这么丑?
答:其他的背景音乐播放器只能支持常规的 pjax 模板,而这个还支持使用instantclick.js的网站

介绍:
音乐默认不自动播放,需要点击音乐图标才会播放,第二次点击则暂停,首次播放是随机播放列表中的一首歌曲,然后顺序播放。
>这个图标点击后会播放列表的下一首歌曲。
插件后台可以设置音乐自动播放,可以添加歌曲,并且附带网易云音乐的解析器。

下载地址:
WordPress:yodubgm.zip
typecho版:https://github.com/jrotty/YoduBGM
typecho发布页面:《YoduBGM 一款 typecho 背景音乐插件》

常见问题
问:为什么有的时候只有两个框框而没有图标?(typecho可能遇到的问题,wp博客未知)
答:图标载入的字体文件,只有用后台绑定的域名访问才会显示,比如程序后台绑定的是 qqdie.com, 那么用 www.qqdie.com 进行访问就会出现没有图标的情况,建议将 www.qqdie.com 的域名重定向到 qqdie.com 上。这样怎么访问都会访问到程序绑定的域名上,图标也会完美显示了。

yodubgm.png

题外话:这是我的第一个WordPress博客程序的插件,其实本人对于wp真的不怎么了解,于是采用了拆蜜汁路易的音乐插件来学习的,过程中感觉最迷糊的就是wp插件设置那里,起初我怎么写都存不到数据库中,后来发现自己写错个字母233,也是醉了。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

typecho插件WordPress
发表新评论
已有 37 条评论
  1. 灰常记忆
    灰常记忆 7火狐浏览器 59
    回复

    正在找这样的音乐播放器,我试试先。

  2. Sakura
    SakuraEdge 13
    回复

    脑补以后的YOUDUPLAYER FOR WP版2333

  3. Sakura
    SakuraEdge 13
    回复

    emmmmm我装上后只有一个框

    1. Jrotty
      Jrotty本文作者 10Chrome 62
      回复

      @Sakura (index):1 Access to Font at 'https://www.frostedglass.ml/wp-content/plugins/yodubgm/css/fonts/icomoon.woff?u6uxp1' from origin 'https://www.crystalglass.ml' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.crystalglass.ml' is therefore not allowed access.跨域问题,不知道你的资源为啥是从https://www.frostedglass.ml/加载的

      1. Sakura
        SakuraEdge 13
        回复

        @Jrotty ...我站换域名了啊,crystalglass.ml这个是旧的域名,frostedglass.ml是新的... 那个播放器图标不见的原因我已经找到了,被wp的工具条给挡住了,改了下位置,现在能显示出来了

  4. 狂放
    狂放小米浏览器
    回复

    拆了,丢自写破主题里去

    1. Jrotty
      Jrotty本文作者 10Chrome 62
      回复

      @狂放 无刷新主题吗,那应该也不差啊

      1. 狂放
        狂放 10Chrome 61
        回复

        @Jrotty 搜索和外链跳转有刷新233,不解决了,话说instantclick扯出一大堆bug让我吐血

  5. 后宫学长
    后宫学长 10Chrome 62
    回复

    老哥厉害了啊!
    等我恢复好博客或许会尝试使用下...
    2333

    1. Jrotty
      Jrotty本文作者 10Chrome 61
      回复

      @后宫学长 没啥用哈,正好有人要,我就水了一下

  6. 灰常记忆
    灰常记忆 7Chrome 55
    回复

    WP版你是在忽悠...

前篇 后篇
雷姆
拉姆