摸魚派桌面客戶端新功能——音樂播放列表

之前通過小冰點歌,如果已有歌曲在播放,再點擊播放其他歌曲,會兩首歌曲同時播放。因此,客戶端開發了一個新功能。

使用正則表達式把播放器的代碼替換掉,在播放器上方加了一個遮罩層,這樣就可以攔截下來點擊的操作,然後把網易云音樂的歌曲 ID 解析出來,再通過網易雲的 API 獲取歌曲播放鏈接和歌曲信息,然後自行渲染播放器。

相關代碼:

https://github.com/imlinhanchao/pwl-chat/blob/master/src/renderer/components/chat-content.vue#L559

https://github.com/imlinhanchao/pwl-chat/blob/master/src/renderer/components/chat-content.vue#L771

https://github.com/imlinhanchao/pwl-chat/blob/master/src/renderer/components/chat-content.vue#L638

@Yui @Lemon 快加上 trollface

另外還給右鍵菜單加上了加入播放列表移除播放列表,這樣就可以在聊天室上愉快的聽歌啦~

image.png