手机端小强原创文章,java小强个人博客站点
当前位置: 首页 >> JS >> 免费开源的JS音乐播放器插件

免费开源的JS音乐播放器插件

27400 JS | 2015-7-2

我找到一个收藏的音乐,想增加到自己的站点,但是网上没有这个资源,我只能放到自己的网站了。

只是,之前一直用虾米,把别人的JS或者插件直接导入就行了,这在自己服务器的MP3,怎么播放呢?


好在很多JS插件,这里也不多推荐,就推荐两个简单好用的。


Codrops Audio

Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改。


20150326141756_91.jpg


获取地址:http://tympanus.net/codrops/2012/12/04/responsive-touch-friendly-audio-player/ 


Audio.js

我觉得Audio.js这个音乐播放器很简约,使用很简单,如果对功能需求少的用户,可以考虑这个插件。


20150326141756_934.jpg


获取地址:http://kolber.github.io/audiojs/ 


我的站点使用了Audio.js,但是目前就这一个音乐播放需要Audio.js,难道我要修改站点源码,所有页面都引入吗?

不用这样,用编辑器查看源码,在源码中编辑引入文件即可。

例如我的站点:


QQ截图20150702165010.jpg


这样,页面加载时,就会把JS脚本执行,达到同样的效果。


顺便说下,我分享的音乐地址是:http://www.highfive.cn/music/814.html ,音乐名字是:有你我是幸运的。


AudioPlayer有点大,我就只传audiojs文件了。

audiojs.zip

点击下载。

推荐您阅读更多有关于“ js 开源 免费 插件 音乐 播放器 ”的文章

上一篇:Can not write to the data/tmp folder 下一篇:使用DOM组装和解析XML

猜你喜欢

发表评论:

个人资料
blogger

java小强
没有思考,人生的路会越走越难!

搜索
分类
最新微语
  • 今天同学问我,最近还在写代码吗?我想了想,这个问题怎么回答呢,我好像确实很长时间,虽然写了一些,但是主要内容已经不是写代码了。然后再想想,自己也7年多了,这么多年了,我收获了什么,我的目标到底是什么。眼看就奔三了,人生啊,开启感叹模式。

    2017-03-30 22:52

  • 也许大家都已经注意到了,今年的房价,好多地方都是翻了一番,跟着就是,各地房东开始变相涨租。今年之所以搬走,就是为此,这两天同学也是如此。很多房东只认钱,别谈感情,伤钱。而对于这个城市来说,你怎么定位自己,你真把自己当成她的一份子?你来此为何?将来何去何从?自己掂量清楚。

    2016-12-05 10:03

  • 为什么一直不写了呢?因为当爸爸了,没空了。今年的冬天,有些寒冷,除了这寒冬带来的不适,更有因乐视公司遇到危机,而带来的同事别离。送别同事,看着空旷的工位,心中有些悲凉。临近年关,此时此刻,该怎么做,似乎不再是脑子一热那么简单了。

    2016-11-24 11:28

  • 已经请假,加上国庆,要很长一段时间不在北京了。919加班,搞的现在有点心累,胸闷,身体不适。看来,我要好好休息一下了。这几天有些冷,2016的冬天,一步步来了,各位亲友,记得添衣加粗啊。

    2016-09-23 17:29

  • 现在是真的有秋天的感觉了,晚上也不热了,白天也凉快了。再来点风,那酸爽,就有一种想出去防风的冲动了。不过因为最近广州的事情压着,我也没办法,搞的特别累,以前是天天加班不想有自由,现在是因为有事情了,被限制了自由。加上公司的一些事情,感觉日子特别的无聊。

    2016-08-31 17:39

  • 更多»

最新文章
热门文章
随机文章