鬼畜音乐网站(附源码)

Tags：鬼畜音乐网站,网页源码

鬼畜音乐网站(附源码)由西西给大家带来，这其实就是一个很好玩的音乐网站，可以自己制作一些鬼畜的音乐铃声以及素材等等，非常的好玩，喜欢的朋友赶紧来下载试试吧！

网页描述

这是一个纯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文件夹)。