原创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. e杯咖啡 2015/2/10 #1 回复TA

    請問博主,如何讓博客點選其他文章不刷新阿,就像你的博客一樣,直接回到頁面最上方顯示,不然每次看其他文章,音樂就停止了…

    • kagami 回复 e杯咖啡 2015/2/10 回复TA

      网站要ajax加载才可以的

      • e杯咖啡 回复 kagami 2015/2/15 回复TA

        我使用了Advanced Ajax Page Loader插件實現了ajax加載,成功裝上播放器了,話說博主loading的gif很有趣,不知道能不能拿來自己博客使用?

        • kagami 回复 e杯咖啡 2015/2/15 回复TA

          google的loading动画

        • 白君 回复 e杯咖啡 2015/4/5 回复TA

          插件在哪!

        • 白君 回复 e杯咖啡 2015/4/12 回复TA

          那个插件怎么用啊

          • EC快飛 回复 白君 2015/4/12 回复TA

            看你主題content的div id ,在設置頁面填入就行了

            • 白君 回复 EC快飛 2015/4/12 回复TA

              我的content没有id,只有class,我填写了content的class后只能点击第一篇文章,然后全站点的链接都点击不了了,可否帮忙看下改怎么改呢

              • EC快飛 回复 白君 2015/4/12 回复TA

                每個人的主題不同,看了你的博客,貌似只能實現content和sidebar一起刷新,而且ajax也不是只有插件能實現,5這點你可以去百度搜搜”Pjax”

  2. 看起来好厉害的样子诶

    不过我用不了

  3. Hooli 2015/2/12 #3 回复TA

    版面改宽了嘛!音乐放服务器上得有速度才行,果然用linode有优势

    • kagami 回复 Hooli 2015/2/12 回复TA

      是改宽了,但是文件没有放到linode,放七牛上了XD

  4. 千寻 2015/2/24 #4 回复TA

    区区一个橙子

    • Kagami 回复 千寻 2015/2/24 回复TA

      想干一架吗(´゚Д゚`)

  5. 小二苘 2015/3/13 #5 回复TA

    版面变宽了,看着舒服多了

    • Kagami 回复 小二苘 2015/3/14 回复TA

      (^o^)ノ 我也觉得原来的960太小了

  6. 白君 2015/4/5 #6 回复TA

    如何设置自动播放呢

  7. 白君 2015/4/12 #7 回复TA

    对了那只熊怎么改

  8. 老赵 2015/4/26 #8 回复TA

    正好需要这个,请问能不能让我做二次开发,我保留你的版权信息那样子

  9. sekaiai 2015/5/5 #9 回复TA

    好厉害的样子,怎么给看

  10. Andy1999 2015/6/18 #10 回复TA

    这个提交到WP的插件那边不是更好嘛~

  11. 晨旭 2015/9/19 #11 回复TA

    不能用了啦→_→

  12. uwps 2015/11/19 #12 回复TA

    請問如果要移除要如何做嗎

    • uwps 回复 uwps 2015/11/19 回复TA

      我指是移除已上傳的歌曲
      後台只有編輯而沒刪除

  13. McContax 2016/3/8 #13 回复TA

    有问题啊~google字体怎么消除啊,CDN在百度云每次都是因为谷歌字体消耗太多时间

    • McContax 回复 McContax 2016/3/9 回复TA

      找出原因了,sweetalert的css仍然调用googleapis的字体,在sweetalert的css的第一行,找的我好苦~~~已经在github发出pull request了

  14. wecantstop 2016/3/25 #14 回复TA

    好喜欢你的橙子

  15. cser.pro 2016/4/30 #15 回复TA

    请问下怎么用,上传音乐也成功了,不会用。。。谢谢作者好人,帮帮我

发表评论

*

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