鬼畜音樂(lè)網(wǎng)站(附源碼)

鬼畜音樂(lè)網(wǎng)站(附源碼)由西西給大家?guī)��?lái)，這其實(shí)就是一個(gè)很好玩的音樂(lè)網(wǎng)站，可以自己制作一些鬼畜的音樂(lè)鈴聲以及素材等等，非常的好玩，喜歡的朋友趕緊來(lái)下載試試吧！

網(wǎng)頁(yè)描述

這是一個(gè)純html制作的網(wǎng)站，帶有背景音樂(lè)，按鍵盤(pán)任意鍵或者點(diǎn)擊網(wǎng)頁(yè)任意地方都會(huì)有不同的音節(jié)出現(xiàn)，連續(xù)點(diǎn)擊配合背景音樂(lè)可以制作出不同的音樂(lè)出來(lái)。

網(wǎng)頁(yè)展示

這里沒(méi)有聲音，大家可能看著就是一些點(diǎn)擊效果而已，因?yàn)檫@個(gè)網(wǎng)頁(yè)要去玩才知道哇��！

更多的可以自己打開(kāi)網(wǎng)頁(yè)玩耍起來(lái)：音樂(lè)tab（非本站搭建可能會(huì)失效）

進(jìn)去之后隨便按鼠標(biāo)鍵或者鍵盤(pán)，就會(huì)響起音樂(lè)，隨隨便便可以玩一個(gè)下午！

手機(jī)測(cè)試也可以玩，不過(guò)UC不支持，QQ瀏覽器就可以玩，其他瀏覽器自測(cè)。

網(wǎng)頁(yè)源碼

這里源碼是開(kāi)源的，一共兩種，全部分享給大家，需要的可以自己去搭建，自己給自己玩。

純HTML頁(yè)面，里面就全是CSS動(dòng)畫(huà)了，源碼不是原本的，改過(guò)了，不然都沒(méi)法搭建。

源碼說(shuō)明

第一份是改過(guò)的（也就是測(cè)試網(wǎng)站的源碼），第二份是拿到的原始源碼（默認(rèn)的就少了個(gè)data文件）

背景音樂(lè)大家自己替換即可，另外電腦本地打開(kāi)是不行的，沒(méi)有聲音和動(dòng)畫(huà)，必須要傳到主機(jī)空間里網(wǎng)絡(luò)端運(yùn)行才可以，只要支持HTML就行的。

第一份可以直接使用，上傳虛擬主機(jī)即可，下面有免費(fèi)介紹的虛擬主機(jī)。

第二份需要經(jīng)過(guò)兩個(gè)步驟：

首先是.woff2文件加載失敗(可以打開(kāi)控制臺(tái)看)，如果是部署在iis服務(wù)器上的，打開(kāi)IIS管理器 >> MIME >> 直接添加下面對(duì)應(yīng)的擴(kuò)展名 .woff2 和MIME類(lèi)型 application/x-font-woff  即可(其他部署方案請(qǐng)自行百度相應(yīng)的MIME類(lèi)型添加方式)。

其次是.json文件加載失敗，原因是沒(méi)有data/track/track.json這個(gè)文件，可以從第一份直接復(fù)制過(guò)來(lái)(我下載的是第二份沒(méi)有data文件夾)。