vue musicplayer

vue-musicplayer

基於Vue2，vuex，vue-router, element-ui的本地音樂播放器

1.支援的功能

• 導入本地歌曲
• 顯示本地匯入的歌曲列表
• 顯示正在播放的歌曲列表
• 顯示最近播放的歌曲列表
• 透過上一首，開始/暫停，下一首等三個按鈕進行相關控制

2.安裝方式

克隆倉庫後，進入根目錄執行:

yarn/yarn install

3.部分效果

3.1初始介面

3.2匯入本機音樂檔案（注意要選擇資料夾，會過濾掉非音訊檔案(非.mp3, .flac, .aac, .ape等)）

3.3點選歌曲清單的播放鈕開始播放

3.4此時播放清單也會加入該歌曲（不重複新增）

3.5最近播放清單也會加入該歌曲（會重複新增）

3.6也可透過下方的三個按鈕進行控制

播放清單沒有歌曲時，歌曲名稱會顯示未知，此時直接點擊播放按鈕不會播放，需要點擊歌曲清單的某一歌曲上的播放按鈕