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

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

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

发表评论

*

List
Love
リフレクティア
00:00