原创WordPress插件 – HTML5音乐播放器[最后更新:2015.01.26]

发布于 2015年1月8日
by
归档于 个人项目, 码农之路

Neko更新日志

2015/01/26

*增加音乐文件、歌词文件、封面图片URL外链功能

 

 

之前的做了个HTML5播放器不知道大家还记不记得(´・ω・｀)

本来是想公布源码的，但是操作起来真的很麻烦，因为没有后台，添加歌曲只能直接操作数据库，对不太懂的朋友来说，添加代码也是件麻烦而又危险的事，于是我花了两天把它做成了wordpress插件，希望大家喜欢XD

因为以前没有接触过wordpress的插件开发，有好多函数都是现查的，代码好像也不是很“优雅”，不过功能上现在是没问题了。可能还会存在一些BUG，希望可以在文章下方提出，Po在此感谢各位了！

预览图：

wordpress-html5-audio-player-2

wordpress-html5-audio-player-1

下面是本插件使用的开源项目列表：

  1. jQuery
  2. Sweet-Alert
  3. jPages
  4. jplayer
  5. jquery.mb.miniPlayer
  6. iconfont.com

下载地址：Github   (求Star (´・ω・｀)
注：下载zip之后得到cat_music文件夹，先右击文件夹，打包成zip格式，然后才能后台上传安装哦~

这篇文章有132条评论

  1. 西门 2015/1/18 #1 回复TA

    可以考虑提交WP官方呀

  2. Flippy 2015/1/22 #2 回复TA

    强大！！

    • Kagami 回复 Flippy 2015/1/22 回复TA

      不试试吗(´・ω・｀)

      • Flippy 回复 Kagami 2015/1/22 回复TA

        刚才我试了一下，显示插件安装出错。好悲催，自己究竟哪里弄错了QAQ

        • Kagami 回复 Flippy 2015/1/22 回复TA

          什么错误？反馈一下

          • Flippy 回复 Kagami 2015/1/22 回复TA

            嗯嗯~情况是这样的，我把使用的全过程叙述一遍，首先今天从学校回家，学校破天荒给了俺几天假期，名曰月假，然后我按照往常打开了这里。。另外这个域名是在，以前没注意，，卖萌，。碉堡……

            回来，，然后我奇迹般发现，竟然更新了，而且是很早之前就想关注，但是不好意思说的那个音乐插件，点进去。去github下载了zip格式的压缩包里面有一个文件夹和二个文件。也就是说，打开压缩包，有一个文件夹，打开文件夹有两个文件和另外一个叫cat_music文件夹。这些大概就是文件了。
            太激动 ，立刻去后台安装插件，然后的结果是……

            正在安装您上传的插件：wordpress-html5-audio-player-master.zip

            正在解压缩安装包…

            正在安装插件…

            无法安装这个包。 没有找到有效的插件。

            插件安装失败。
            （以上为复制结果）

            这就是俺悲催的结局。。

            • Kagami 回复 Flippy 2015/1/22 回复TA

              你好逗 XD
              其实安装的话要把解压出来的cat_music文件夹重新压缩成zip格式，然后再安装才行的(つд⊂) 怪我没说清楚

  3. Rin 2015/1/25 #3 回复TA

    我还在盗链虾米233

    • Kagami 回复 Rin 2015/1/25 回复TA

      放在七牛或者又拍云也挺快的，不过还是虾米比较方便，都不用自己上传了

  4. 小二苘 2015/1/25 #4 回复TA

    这个可以播放外链音乐么？

  5. 黑皮甘蔗 2015/1/25 #5 回复TA

    好用吧，我试试看。

  6. 喵酱 2015/1/26 #6 回复TA

    可以再加一个删除功能咩？

    • Kagami 回复 喵酱 2015/1/26 回复TA

      我是想反正可以修改的就干脆没删除了|∀` )

      • 喵酱 回复 Kagami 2015/1/26 回复TA

        修改无用的…我现在正愁呢喵。不能修改，又不能删除，删除了插件和上传文件但再安装插件后还是以前的。怎么办啊喵~~~

        • Kagami 回复 喵酱 2015/1/26 回复TA

          我试了一下，修改没有问题啊

          • 喵酱 回复 Kagami 2015/1/27 回复TA

            QAQ…那删除后再安装还是以前的音乐，这个问题肿么解决啊喵。T_T，本喵被折磨得炸毛了。删除上传的音乐无用。

  7. 千寻 2015/1/26 #7 回复TA

    哇 菊苣好屌！

  8. 在路上 2015/1/29 #8 回复TA

    博主，你的文章内容都看不到呢？

  9. siyochen 2015/2/2 #9 回复TA

    用的不是一个程序。闪

  10. aunsen 2015/2/3 #10 回复TA

    卖萌的播放器

  11. never 2015/2/3 #11 回复TA

    博主，你的播放器好像有个bug，好像要等一会才会出现，这时网站侧栏就会发生错位了，是不是加载js重复了的原因呢？有点搞不懂

    • kagami 回复 never 2015/2/3 回复TA

      我这没这个情况呢，你用的是什么浏览器呢

      • never 回复 kagami 2015/2/3 回复TA

        我用的是搜狗浏览器，你的网站显示没问题，但是我的站用了这个插件就会让侧栏错位了，不知道与主题是否有关呢，我用的是minty2.1主题

        • spoonwep po主 回复 never 2015/2/3 回复TA

          打开player.min.css
          删除下面这句就好了：
          *,*:after,*:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}

  12. moon 2015/2/4 #12 回复TA

    厉害

  13. Flippy 2015/2/6 #13 回复TA

    最近发现 一直连接到font.googleapi什么的好慢呀……

  14. 同盟源 2015/2/6 #14 回复TA

    好久没更新了额

  15. HKSG 2015/2/9 #15 回复TA

    對播放器沒有需要,支持博主的創作。

1 2 3

发表评论

(`・ω・´)

CAPTCHA

*

List
Love
00:00