超好玩的特效音樂網(wǎng)站,你也可以架設(shè)一個(gè),只屬于你自己的個(gè)人音樂網(wǎng)站!云上的日子特效音樂網(wǎng)站源碼,網(wǎng)站特效就是漂浮在云上,你可以挪動(dòng)鼠標(biāo)的位置,讓云層隨意擺動(dòng),還是蠻不錯(cuò)的哦!
個(gè)人音樂網(wǎng)站源碼架設(shè)說明
如果打開顯示黑色的山的效果,把 ”Images/Cloud.js“文件打開,第11行里的images更改為首字母大寫的Images即可解決
編輯“index.html”文件,按照?qǐng)D片中的格式添加歌曲即可,四個(gè)屬性分別是:歌曲名、歌手、專輯圖片地址、歌曲外鏈
關(guān)于添加音樂:
因?yàn)槭羌冹o態(tài)頁面,添加歌曲稍微麻煩一點(diǎn),但是也還可以接受。
編輯“index.html”文件,按照?qǐng)D片中的格式添加歌曲即可,四個(gè)屬性分別是:歌曲名、歌手、專輯圖片地址、歌曲外鏈。
關(guān)于添加網(wǎng)易云音樂外鏈
云音樂地址:
http://s.music.163.com/search/get/?src=lofter&type=1&filterDj=true&s=這里改為你要搜索的歌曲名稱&limit=8&offset=0&callback=loft.w.g.cbFuncSearchMusic
比如搜索歌曲:超人不會(huì)飛
打開網(wǎng)址:
http://s.music.163.com/search/get/?src=lofter&type=1&filterDj=true&s=超人不會(huì)飛&limit=8&offset=0&callback=loft.w.g.cbFuncSearchMusic
可以獲取到歌曲的專輯圖片和mp3外鏈地址,復(fù)制下來添加到index.html文件就可以了
成品演示頁面:http://www.aakuan.cn/
云層效果圖:
隨你鼠標(biāo)的移動(dòng),云層也會(huì)隨意擺動(dòng)
全屏云層:
更新日志
2015.08.05更新說明:
修復(fù)部分環(huán)境下云特效不顯示的問題
解決服務(wù)器資源占用問題,去掉歌曲內(nèi)鏈,更改為網(wǎng)易云音樂的mp3文件外鏈。
添加統(tǒng)計(jì)代碼,用戶可自行替換。
新增默認(rèn)歌曲,由原來10首更新到40首,以后會(huì)繼續(xù)添加。
初次載入時(shí),默認(rèn)為隨機(jī)播放模式,不再從第一首歌開始播放
首頁圖片修改,文字更改為小字體,更精致
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版