html5云特效背景音乐网站模板

所属分类:媒体-音频和视频

 14665  223  查看评论 (39)
html5云特效背景音乐网站模板 ie兼容11

带canvas鼠标跟随效果的的html5动态云加载特效。直接打开文件可能无法正常显示,建议放到apache或者IIS环境下可现实。插件对IE兼容性不是很好,仅支持IE11以WIN10的edge浏览器。内置播放器添加歌曲方法:

关于添加音乐:

因为是纯静态页面,添加歌曲稍微麻烦一点,但是也还可以接受。

编辑“index.html”文件,按照图片中的格式添加歌曲即可,四个属性分别是:歌曲名、歌手、专辑图片地址、歌曲外链。

var musicList = [{
    title: '歌曲名',
    singer: '歌手名称',
    cover: '歌曲图片.jpg',
    src: '歌曲连接.mp3'
}]

添加或替换连接,即可添加音乐。


相关插件-音频和视频

HTML5列表音乐播放器SMusic

一款基于HTML5、Css3的列表式音乐播放器,包含列表,音量,进度,时间,歌词展示以及模式等功能,不依赖任何库
  音频和视频
 7508  48

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 5869  30

jQuery悬浮HTML5音乐播放器插件QPlayer

一款简洁小巧的HTML5底部悬浮音乐播放器
  音频和视频
 10438  76

Html5 手机视频播放器自适应

Html5 手机视频播放器自适应
  音频和视频
 27321  171

讨论这个项目(39)回答他人问题或分享插件使用方法奖励jQ币

    γ念 0
    2017/8/8 22:26:04

    歌曲不可以快进啥的?

    回复
    一个不善言辞的笨小孩 0
    2017/6/5 12:25:21
    膜拜大神,顺便跪求源码814752288@qq.com 回复
    转身、重来 0
    2017/6/4 3:32:00

    不知道怎么动态加歌呢?

    回复
    一只猫的鱼干。 0
    2017/5/17 14:10:51

    你好,我购买下载之后,背景的那个云图不见了。236656161

        西瓜0
        2017/5/17 15:41:55

        本地预览用火狐浏览器,谷歌浏览器需要在服务端运行才会显示云。

    回复
    yuanshuaiii7 0
    2017/5/13 0:10:30
    感觉好厉害 下载来学习看看 回复
    Ming_911270100 0
    2017/5/9 13:27:17
    感觉好厉害 下载来学习看看 回复
    OK 0
    2017/5/1 19:07:38
    xiaowiba 0
    2017/4/21 15:11:17

    没兼容谷歌呀,云彩效果没显示出来,IE是可以的。

    回复
    正能量 ?已认证?? 0
    2017/3/7 17:24:55

    同求啊 跪求源码

        正能量 ?已认证??0
        2017/3/7 17:26:55

        zml476017593@qq.com

        Frank_Lei0
        2017/3/21 0:25:34

        求码码19740476037@163.com

    回复
    Mr丨Kun 0
    2016/12/22 11:12:21

    虽然知道不可能还是求源码一份 好人一生平安  276862013@qq.com

    回复
取消回复