Java小强个人技术博客站点    手机版
当前位置: 首页 >> JS >> 免费开源的JS音乐播放器插件

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

139060 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

猜你喜欢

发表评论: