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

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

網(wǎng)頁描述

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

網(wǎng)頁展示

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

更多的可以自己打開網(wǎng)頁玩耍起來：音樂tab（非本站搭建可能會失效）

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

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

網(wǎng)頁源碼

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

純HTML頁面，里面就全是CSS動畫了，源碼不是原本的，改過了，不然都沒法搭建。

源碼說明

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

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

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

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

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

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