鬼畜音乐网站(附源码)由西西给大家带来,这其实就是一个很好玩的音乐网站,可以自己制作一些鬼畜的音乐铃声以及素材等等,非常的好玩,喜欢的朋友赶紧来下载试试吧!
网页描述
这是一个纯html制作的网站,带有背景音乐,按键盘任意键或者点击网页任意地方都会有不同的音节出现,连续点击配合背景音乐可以制作出不同的音乐出来。
网页展示
这里没有声音,大家可能看着就是一些点击效果而已,因为这个网页要去玩才知道哇!!
更多的可以自己打开网页玩耍起来:音乐tab(非本站搭建可能会失效)
进去之后随便按鼠标键或者键盘,就会响起音乐,随随便便可以玩一个下午!
手机测试也可以玩,不过UC不支持,QQ浏览器就可以玩,其他浏览器自测。
网页源码
这里源码是开源的,一共两种,全部分享给大家,需要的可以自己去搭建,自己给自己玩。
纯HTML页面,里面就全是CSS动画了,源码不是原本的,改过了,不然都没法搭建。
源码说明
第一份是改过的(也就是测试网站的源码),第二份是拿到的原始源码(默认的就少了个data文件)
背景音乐大家自己替换即可,另外电脑本地打开是不行的,没有声音和动画,必须要传到主机空间里网络端运行才可以,只要支持HTML就行的。
第一份可以直接使用,上传虚拟主机即可,下面有免费介绍的虚拟主机。
第二份需要经过两个步骤:
首先是.woff2文件加载失败(可以打开控制台看),如果是部署在iis服务器上的,打开IIS管理器 >> MIME >> 直接添加下面对应的扩展名 .woff2 和MIME类型 application/x-font-woff 即可(其他部署方案请自行百度相应的MIME类型添加方式)。
其次是.json文件加载失败,原因是没有data/track/track.json这个文件,可以从第一份直接复制过来(我下载的是第二份没有data文件夹)。