vue music 歌詞獲取並解析為json

2021-09-13 03:42:58 字數 915 閱讀 6219

1. 配置介面

qq對介面進行了安全控制,在devserver中模擬請求頭等從而避開

在config資料夾中index.js檔案中,配置proxytable

proxytable: ,

pathrewrite:

}}

2. 調取介面的api

在api資料夾下建立song.js

export function getlyric(mid) , commonparams, )

return axios.get(url, ).then((res) => )\)$/

var matches = res.data.match(reg)

if (matches) }})

}

3.在song類中呼叫

為什麼寫在class song{}中:因為這樣可以它的例項直接呼叫自己的歌詞

export default class song 

//這裡用promsie返回,同樣的道理:後面呼叫這個方法,方便進一步運算元據,同2中的promsie

return new promise((resolve, reject) => else

})})

}}

3.真正調取方法

在player.vue中methods,調取方法

getlyric() 類中,這個時候this.currentsong是類的例項,可以直接呼叫定義的例項方法

this.currentsong.getlyric().then((lyric) =>

}).catch(() => )

},

4.在watch裡的currentsong中呼叫this.getlyric()

oc 歌詞解析

歌詞file ti 傳奇 ar 王菲 00 03.50 傳奇 00 19.10 作詞 劉兵 作曲 李健 00 20.60 演唱 王菲 00 26.60 04 40.75 02 39.90 00 36.25 只是因為在人群中多看了你一眼 04 49.00 02 47.44 00 43.69 再也沒能忘...

krc歌詞檔案解析

做卡拉ok專案時,逐字歌詞同步需要很多高精度的lrc檔案,目前國內有2大家 擁有專利的kugou和沒有專利的qq 二者各推出了一種逐字同步歌詞檔案 krc和qrc。krc有加密處理,直接開啟的話只能看到亂碼。krc.h ioskrcdecoder created by zeng songgen on...

unity 解析歌詞文字

上面方法是使用陣列 下面是使用list 獲取lrc 檔案的,獲取到後 就可以用上面的隨便一種進行分割 根據時間對資料排列 public string sortlyricarrayandtimearray string lyrica float timea out float timearray ti...