网站首页
Java
站长
开源
框架
理论
JS
Linux
DB
服务器
NET
生活
软件
PHP
其他
您的位置:首页 > JS > 免费开源的JS音乐播放器插件
免费开源的JS音乐播放器插件
2015-7-2    14032    0

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

只是,之前一直用虾米,把别人的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

点击下载。

上一篇: Can not write to the data/tmp folder
下一篇: 使用DOM组装和解析XML
发表评论:
您的网名:
个人主页:
编辑内容: