# vue-aplayer for electron-vue
**Repository Path**: liushuai05/electron-vue-player
## Basic Information
- **Project Name**: vue-aplayer for electron-vue
- **Description**: github上一款比较好的vue音乐播放器,本人修改了其中一些地方,使其能兼容electron-vue。欢迎兄弟们提交优秀的源码
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 122
- **Forks**: 30
- **Created**: 2020-04-09
- **Last Updated**: 2024-10-30
## Categories & Tags
**Categories**: vue-extensions, multimedia
**Tags**: None
## README
Vue-APlayer
[](https://gitee.com/liushuai05/vue-aplayer/members)
[](https://gitee.com/liushuai05/vue-aplayer/stargazers)
> Vue implementation of [APlayer](https://github.com/MoePlayer/APlayer) prototype.
[**Demo**](https://sevenoutman.github.io/vue-aplayer)

### 特性
- Beautiful clean UI
- Lyrics scroll
- Playlist with repeat & shuffle controls
- Custom theme color / Self-adapting theme color
- Drag and place anywhere
- Mutex play
- HLS support
- **Easy props and API**
- **Dependency free** and light-weight (gzipped 16KB)
Using Vue-APlayer in your project? [Let me know!](https://github.com/SevenOutman/vue-aplayer/issues/26)
## 运行时要求
- [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise)
- [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
## 使用
```HTML
```
#### 以下方法只是实现思路,仅供参考
```HTML
```
```JS
// ES6
import Aplayer from 'vue-aplayer'
new Vue({
components: {
Aplayer
}
})
```
[**开发者参考文档**](https://gitee.com/liushuai05/vue-aplayer/blob/master/docs/README.zh-CN.md)
## 贡献
如果你有好建议或则发现bug请 [点这里提交](https://gitee.com/liushuai05/vue-aplayer/issues)
## 来历
-`Vue-APlayer`名称应该用完全相同的大小写。
-版本`Vue-APlayer@1.x` (github)或`vue-aplayer@1.x`(npm)。
## 相关项目
- [APlayer](https://github.com/MoePlayer/APlayer): Prior art
- [@moefe/vue-aplayer](https://github.com/MoePlayer/vue-aplayer): Another Vue implementation of APlayer by [@u3u](https://github.com/u3u)
## 鸣谢
[@DIYgod](https://github.com/DIYgod), for creating APlayer and sharing cloud storage for hosting Vue-APlayer's demo page media resources.
## 版权
Vue-APlayer 使用 [MIT](https://github.com/SevenOutman/vue-aplayer/blob/master/LICENSE)版权.
Copyright (c) 2016-present Shenghao "Doma" Lei
Copyright (c) 2020-present EdisonLiu_
## 开发
#### 使用npm/cnpm开发
```shell
npm install
npm run dev
```
#### 使用 Yarn 开发
```shell
yarn
yarn run dev
```
测试地址
http://localhost:4000
## 排错
1.如下错误说明node没有使用11以上版本
An unexpected error occurred: "EPERM: operation not permitted, copyfile