音乐tab-一个玩不厌的鬼畜音乐网站(附源码)

音乐tab这是我自己给这个网页取的名字,一个纯html制作的网页源码,自带背景音乐可以修改,点击或按键盘不同的地方表示不同的音符,通过还会有不同的点击效果。

可以自己用来制作一些鬼畜或者搞怪的手机铃声或者无聊的时候自己玩一下,网页效果非常棒,好像是日本大牛写的。

网页描述

这是一个纯html制作的网站,带有背景音乐,按键盘任意键或者点击网页任意地方都会有不同的音节出现,连续点击配合背景音乐可以制作出不同的音乐出来。

网页展示

这里没有声音,大家可能看着就是一些点击效果而已,因为这个网页要去玩才知道哇!!

网页演示:视频演示

更多的可以自己打开网页玩耍起来:音乐tab(非本站搭建可能会失效)

进去之后随便按鼠标键或者键盘,就会响起音乐,随随便便可以玩一个下午!

手机测试也可以玩,不过UC不支持,QQ浏览器就可以玩,其他浏览器自测。

音乐tab-一个玩不厌的鬼畜音乐网站(附源码)

网页源码

这里源码是开源的,一共两种,全部分享给大家,需要的可以自己去搭建,自己给自己玩。

纯HTML页面,里面就全是CSS动画了,源码不是原本的,改过了,不然都没法搭建。

源码说明

第一份是改过的(也就是测试网站的源码),第二份是拿到的原始源码(默认的就少了个data文件)

背景音乐大家自己替换即可,另外电脑本地打开是不行的,没有声音和动画,必须要传到主机空间里网络端运行才可以,只要支持HTML就行的。

第一份可以直接使用,上传虚拟主机即可,下面有免费介绍的虚拟主机。

第二份需要经过两个步骤:
首先是.woff2文件加载失败(可以打开控制台看),如果是部署在iis服务器上的,打开IIS管理器 >> MIME >> 直接添加下面对应的扩展名 .woff2 和MIME类型 application/x-font-woff  即可(其他部署方案请自行百度相应的MIME类型添加方式)。
其次是.json文件加载失败,原因是没有data/track/track.json这个文件,可以从第一份直接复制过来(我下载的是第二份没有data文件夹)。

免费搭建

这里是免费主机,感兴趣的可以领取搭建!

风雨网络免费虚拟主机