Skip to content

pangqianjin/vue-musicplayer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-musicplayer

基于Vue2,vuex,vue-router, element-ui的本地音乐播放器

1.支持的功能

  • 导入本地歌曲
  • 显示本地导入的歌曲列表
  • 显示正在播放的歌曲列表
  • 显示最近播放的歌曲列表
  • 通过上一首,开始/暂停,下一首等三个按钮进行相关控制

2.安装方式

克隆仓库后,进入根目录执行:

yarn/yarn install

3.部分效果

3.1初始界面

image

3.2导入本地音乐文件(注意要选择文件夹,会过滤掉非音频文件(非.mp3, .flac, .aac, .ape等))

image

3.3点击歌曲列表的播放按钮开始播放

image

3.4此时播放列表也会添加该歌曲(不重复添加)

image

3.5最近播放列表也会添加该歌曲(会重复添加)

image

3.6也可通过下方的三个按钮进行控制

播放列表没有歌曲时,歌曲名会显示未知,此时直接点击播放按钮不会播放,需要点击歌曲列表的某一歌曲上的播放按钮

About

基于Vue2,vuex,vue-router, element-ui的本地音乐播放器

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages