無作為
不僅僅是一種態度!

音樂tab-一個玩不厭的鬼畜音樂網站(附源碼)

音樂tab這是我自己給這個網頁取的名字,一個純html制作的網頁源碼,自帶背景音樂可以修改,點擊或按鍵盤不同的地方表示不同的音符,通過還會有不同的點擊效果。

可以自己用來制作一些鬼畜或者搞怪的手機鈴聲或者無聊的時候自己玩一下,網頁效果非常棒,好像是日本大牛寫的。

網頁描述

這是一個純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文件夾)。

免費搭建

這里是免費主機,感興趣的可以領取搭建!

小鳥云免費領取12月虛擬主機

暢行云免費領取12月國內虛擬主機

群英網絡0元免費領取虛擬主機,9.9元買1月云服務器

這里是服務器活動:阿里云拼團(2核4G 1M帶寬 40G)服務器269元/1年_省1903元


歷史上的今天:
贊(21) 打賞
所有免費資源、福利、電影、破解軟件未經允許不得轉載:www.btilnp.live無作為 » 音樂tab-一個玩不厭的鬼畜音樂網站(附源碼)

留下評論 1

  1. #1

    站長做拆分盤嗎。剛開始一年多18拆了!你有網站發展團隊比較快

    JJ2年前 (2018-09-05)回復

無作為-不僅僅是一種態度

登錄/注冊廣告合作

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞

广西风采快三