原创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. 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. 猫箱内の巴托拉 2015/2/11 #2 回复TA

    看起来好厉害的样子诶

    不过我用不了

  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

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

1 2 3

发表评论

(`・ω・´)

CAPTCHA

*

List
Love
00:00