是的，又是一個vue版的網易雲音樂

前言

平時一直都是逛掘金，不多發表文章。想着仍是獻一獻醜。有天，逛着github，發現了Binaryify開源的網易雲音樂全部接口，感受發現了寶藏同樣，先貼上服務端地址網易雲音樂服務端,再次感謝Binaryify爲開源作的貢獻,而後附上項目源碼,但願各位大佬多多star。

爲何選擇網易雲音樂

本身用vue也差很少兩年了，不管是在公司，仍是本身私下，也作了不少項目。後臺管理系統，電商網站，官網等等類型的項目都作過，不說特別精通vue，熟練作項目仍是能夠達到的。其餘類型的基本上都作過了，就是音頻類的項目還沒接觸過，雖然h5本身也常常用，可是操做音頻仍是不多作，因此也當本身練手，接觸一個新類型的項目。

技術棧

vue+vue-router+vuex+axios+vant+better-scroll+webpack+es6

項目截圖

由於接口實在是太多，沒有作全部的接口，後續有時間再慢慢補上。挑了一些重要的功能來作。 播放功能：支持上一首，下一首，順序播放，單曲循環，隨機播放，快進，快退。

項目難點

由於以前沒有作過音頻類的項目，因此仍是研究了半天，特別是播放獲取時長，而後播放時快進快退的功能實現，在此借鑑了
記一次vue中獲取audio媒體總時長duration遇到的問題本篇文章的思路，
隨機播放，只須要改變播放歌曲的下標便可。

項目收穫

每作一個項目，收穫是確定的，一直以爲vue用起來很駕輕就熟，方便快捷，此次又多會了一個音頻播放類項目，拓展了本身的知識面，固然因爲時間緣由，項目還有不足的地方，等將來有時間再慢慢填坑吧。

要填的坑

1.歌詞
2.我的中心
3.首頁各類榜單
4.等等等等
除了vue版本的網易雲音樂，我還作了一版小程序的，以前用mpvue寫了一半，可是發現有坑，並且配置起來很麻煩，後面用了網易開源的megalo框架，寫網易雲音樂，確定和網易框架更配，後面用時間再來寫小程序版遇到的坑和收穫，再貼個地址，但願各位大佬多多star。megalo-music