YesPlayMusic 是一款高顏值的第三方網(wǎng)易云播放器，由?Electron 支撐，支撐?macOS、Windows、Linux 三個平臺；macOS 用戶也可以通過 brew install --cask yesplaymusic 來安裝。
首頁設(shè)計
首頁設(shè)計2
發(fā)現(xiàn)頻道
音樂庫
專輯界面
搜索界面
藝人界面
歌詞界面
進(jìn)階玩兒法
部署至 Vercel
除了下載安裝包使用，你還可以將本項(xiàng)目部署到 Vercel 或你的服務(wù)器上。下面是部署到 Vercel 的方法。
- 部署網(wǎng)易云 API，詳情參見 Binaryify/NeteaseCloudMusicApi 。你也可以將 API 部署到 Vercel。
- 點(diǎn)擊本倉庫右上角的 Fork，復(fù)制本倉庫到你的 GitHub 賬號。
- 打開 Vercel.com，使用 GitHub 登錄。
- 點(diǎn)擊 Import Git Repository 并選擇你剛剛復(fù)制的倉庫并點(diǎn)擊 Import。
- 點(diǎn)擊 PERSONAL ACCOUNT 旁邊的 Select。
- 點(diǎn)擊 Environment Variables，填寫 Name 為
VUE_APP_NETEASE_API_URL，Value 為你剛剛部署的網(wǎng)易云 API 地址，點(diǎn)擊 Add。最后點(diǎn)擊底部的 Deploy 就可以部署到 Vercel 了。
部署到自己的服務(wù)器
除了部署到 Vercel，你還可以部署到自己的服務(wù)器上
- 部署網(wǎng)易云 API，詳情參見 Binaryify/NeteaseCloudMusicApi
- 克隆本倉庫
git clone https://github.com/qier222/YesPlayMusic.git
- 安裝依賴
yarn install
- （可選）使用 Nginx 反向代理 API，將 API 路徑映射為
/api，如果 API 和網(wǎng)頁不在同一個域名下的話（跨域），會有一些 bug。 - 復(fù)制
/.env.example文件為/.env，修改里面VUE_APP_NETEASE_API_URL的值為網(wǎng)易云 API 地址。本地開發(fā)的話可以填寫 API 地址為http://localhost:3000，YesPlayMusic 地址為http://localhost:8080。如果你使用了反向代理 API，可以填寫 API 地址為/api。
VUE_APP_NETEASE_API_URL=http://localhost:3000
- 編譯打包
yarn run build
- 將
/dist目錄下的文件上傳到你的 Web 服務(wù)器
新版的設(shè)計更加清新可愛，有點(diǎn)兒女性化設(shè)計取向，原有的“云音樂紅”不再保留，取而代之的是復(fù)古的玻璃紋風(fēng)格，字體也變得更細(xì)了。發(fā)現(xiàn)一個 trick，當(dāng)你單擊底部播放工具欄時會自動彈出/關(guān)閉播放界面，但是動畫效果有些卡。
新版加入了“音樂云盤”功能，也就是你可以將歌曲上傳到這里，以供跨客戶端快速調(diào)用，云盤容量是每個用戶 60GB，可以永久保存。
至于這個“心動模式”我還沒搞懂是干什么用的，目測是根據(jù)喜歡的歌曲進(jìn)行隨機(jī)的重組歌單？
現(xiàn)在你可以在云音樂官網(wǎng)下載更新 2.0 版本，MAS 版本仍未上線。
]]>先來看演示動圖洗洗腦，顛覆一下對官方客戶端的認(rèn)識：
與網(wǎng)易云音樂官方客戶端最大的區(qū)別是，官方的就是「客戶端」，完全按照其產(chǎn)品內(nèi)容進(jìn)行直接堆砌布局，而?ieaseMusic 是基于云音樂站內(nèi)音樂資源重新設(shè)計的一款「音樂播放器」，它沒有以用戶收藏的歌單、下載的音樂、關(guān)注的藝術(shù)家為核心設(shè)計，而是以社交式的歌單資源展開設(shè)計。
每次打開?ieaseMusic 你都看到一個隨機(jī)推薦的歌單序列，而且這些圓形圖標(biāo)還不能向左滑動切換，不理解作者的設(shè)計思路是什么，右上角按鈕分別可切換搜索、頻道菜單。底部的播放控制單元具備循環(huán)、隨機(jī)、單曲循環(huán)播放選擇，單擊藝人名稱可進(jìn)入其主頁查看作品信息，但由于接口限制，軟件還不能操作 Follow 及 Comment 功能。
軟件的設(shè)計風(fēng)格非常的學(xué)生化清新化：
軟件支持歌曲切換消息推送，在界面點(diǎn)擊右鍵還可以選擇一些快捷操作。ieaseMusic 在對藝人主頁、歌單界面的設(shè)計上非常用心，只是像 MV、相似藝人這些功能還不能使用。
切換到 Playlist 頻道你可以看到 50 個網(wǎng)易云音樂精選歌單頻道，但目前歌單還無法收藏。
TOP 頻道陳列了云音樂官方維護(hù)的各種榜單音樂列表：
目前這款軟件還在進(jìn)一步完善中，如果你身處海外，可以嘗試用此工具 。
]]>整體造型
Mac 版設(shè)計風(fēng)格與整條產(chǎn)品線風(fēng)格保持一致，同時也與即將發(fā)布正式版的 OS X 10.10 Yosimite 保持了UI適配（看左上角按鈕）
網(wǎng)易云音樂的功能布局非常清晰合理，頂部與底部各一個工具欄，分別控制內(nèi)容搜索，賬戶/設(shè)置管理與播放進(jìn)程控制；左側(cè)是內(nèi)容導(dǎo)航條，控制“內(nèi)容推薦”，“個人音樂管理”以及“自創(chuàng)歌單”；最后右側(cè)是最重要的資源瀏覽區(qū)，整體欣賞這款軟件，界面比較養(yǎng)眼，但仍然沒有拜托傳統(tǒng)音樂管理軟件的布局風(fēng)格。此外，右上方的Mini Player切換按鈕設(shè)計的再大一些，醒目一些就更方便用戶點(diǎn)擊了；此外設(shè)置按鈕也能隱藏在賬戶管理菜單內(nèi)，這樣頂部工具欄會更加簡潔一些。
自身優(yōu)勢
網(wǎng)易利用自身累積多年的娛樂媒體資源為自家的音樂產(chǎn)品打造了出一個夯實(shí)的音樂庫，許多偏門的歌曲你都能找得到，而與別家服務(wù)最大的區(qū)別還是社交服務(wù)的引入，這樣的設(shè)計就好比武俠小說中經(jīng)常出現(xiàn)的打通任督二脈，武功倍增的段子一樣，讓整個音樂庫的資源流動了起來，有了好友的推薦（分享自己整理的歌單），“隨便找些歌聽”這種需求已不是什么難事，而且你可以從微博，人人，豆瓣，易信等多個社交網(wǎng)絡(luò)引入好友關(guān)系網(wǎng)，比QQ，蝦米更加開放，也更容易吸引用戶入駐。
采眾家之長
Mac版的功能設(shè)計可謂是采眾家之長，像許多廠商喜歡應(yīng)用到的全屏播放界面，在軟件里變成了“音樂詳情頁”，防干擾模式的Mini Player，以及2種歌詞顯示模式（menubar，桌面懸浮），這些設(shè)計都談不上創(chuàng)新，但都確實(shí)是用戶所需要的，恰到好處總是網(wǎng)易喜歡在產(chǎn)品里所用到的設(shè)計哲學(xué)。
以下是網(wǎng)易云音樂（左）與QQ音樂（右）的迷你播放器界面對比，可以看到左側(cè)的界面設(shè)計更加大氣簡約，從歌單列表的設(shè)計中你就能知道設(shè)計師有沒有動腦子去干活。
詳情頁的設(shè)計被隱藏了起來，你需要在左下角正在播放曲目的專輯封面上才能彈出這個頁面，在詳情頁里能看到歌曲信息，歌詞，用戶討論以及一些歌曲操作功能菜單，左側(cè)的黑膠唱機(jī)設(shè)計比較經(jīng)典，也是許多移動App偏好的風(fēng)格：
總結(jié)
預(yù)計這款軟件將在10月1國慶節(jié)前后正式發(fā)布，使用后你會發(fā)現(xiàn)，網(wǎng)易團(tuán)隊開發(fā)這款軟件的認(rèn)真程度絕不亞于其他平臺，整體布局設(shè)計沒有照搬網(wǎng)頁版，也沒有任何主功能缺失，相反，你在這里還能得到其他平臺所不能享受的使用體驗(yàn)，比如歌詞顯示，全屏mv欣賞體驗(yàn)等；同時，也有一些美中不足之處，如全屏操作沒有，左側(cè)內(nèi)容導(dǎo)航欄無法自定義隱藏，清除播放列表會停止播放當(dāng)前音樂等問題?？偟膩碚f這款桌面音樂管理軟件真的已經(jīng)達(dá)到了她應(yīng)有的大廠風(fēng)范，在此基礎(chǔ)上繼續(xù)努力，相信會給用戶帶來更多的驚喜創(chuàng)新之處。
##相關(guān)軟件推薦
ThunderLixianExporter：迅雷離線下載地址導(dǎo)出器
]]>