我找到一个收藏的音乐,想增加到自己的站点,但是网上没有这个资源,我只能放到自己的网站了。
只是,之前一直用虾米,把别人的JS或者插件直接导入就行了,这在自己服务器的MP3,怎么播放呢?
好在很多JS插件,这里也不多推荐,就推荐两个简单好用的。
Codrops Audio
Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改。
获取地址:http://tympanus.net/codrops/2012/12/04/responsive-touch-friendly-audio-player/
Audio.js
我觉得Audio.js这个音乐播放器很简约,使用很简单,如果对功能需求少的用户,可以考虑这个插件。
获取地址:http://kolber.github.io/audiojs/
我的站点使用了Audio.js,但是目前就这一个音乐播放需要Audio.js,难道我要修改站点源码,所有页面都引入吗?
不用这样,用编辑器查看源码,在源码中编辑引入文件即可。
例如我的站点:
这样,页面加载时,就会把JS脚本执行,达到同样的效果。
顺便说下,我分享的音乐地址是:http://www.highfive.cn/music/814.html ,音乐名字是:有你我是幸运的。
AudioPlayer有点大,我就只传audiojs文件了。
点击下载。
Java小强
未曾清贫难成人,不经打击老天真。
自古英雄出炼狱,从来富贵入凡尘。
发表评论: