Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sevenoutman/vue-aplayer

:cake: Easy-to-use music player for Vue 2.x
https://github.com/sevenoutman/vue-aplayer

aplayer awesome-vue html5-music-player music music-player vue vue-aplayer vue-components vue2

Last synced: about 1 month ago
JSON representation

:cake: Easy-to-use music player for Vue 2.x

Host: GitHub
URL: https://github.com/sevenoutman/vue-aplayer
Owner: SevenOutman
License: mit
Created: 2016-11-22T13:04:29.000Z (almost 8 years ago)
Default Branch: develop
Last Pushed: 2024-10-08T23:09:30.000Z (about 1 month ago)
Last Synced: 2024-10-11T09:01:53.567Z (about 1 month ago)
Topics: aplayer, awesome-vue, html5-music-player, music, music-player, vue, vue-aplayer, vue-components, vue2
Language: Vue
Homepage: https://vue-aplayer.js.org
Size: 1.66 MB
Stars: 1,326
Watchers: 19
Forks: 201
Open Issues: 87
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        






Vue-APlayer


## Please refer to [**Future of vue-aplayer**](https://github.com/SevenOutman/vue-aplayer/discussions/236) before you continue.

Vue implementation of [APlayer](https://github.com/MoePlayer/APlayer) prototype.

[**Demo**](https://sevenoutman.github.io/vue-aplayer)

[![Travis](https://img.shields.io/travis/SevenOutman/vue-aplayer.svg?style=flat-square)](https://travis-ci.org/SevenOutman/vue-aplayer)

[![npm](https://img.shields.io/npm/v/vue-aplayer.svg?style=flat-square)](https://www.npmjs.com/package/vue-aplayer)

[![npm](https://img.shields.io/npm/dt/vue-aplayer.svg?style=flat-square)](https://www.npmjs.com/package/vue-aplayer)

[![devDependency Status](https://img.shields.io/david/dev/SevenOutman/vue-aplayer.svg?style=flat-square)](https://david-dm.org/SevenOutman/vue-aplayer#info=devDependencies)

[![Hubble](https://img.shields.io/badge/since-2016-409eff.svg?style=flat-square)](https://hubble.js.org/#/?owner=SevenOutman&repo=vue-aplayer&start)

[![GitHub commit activity the past year](https://img.shields.io/github/commit-activity/y/SevenOutman/vue-aplayer.svg?style=flat-square)](https://github.com/SevenOutman/vue-aplayer/commits/develop)

[![GitHub last commit](https://img.shields.io/github/last-commit/SevenOutman/vue-aplayer/develop.svg?style=flat-square)](https://github.com/SevenOutman/vue-aplayer/commits/develop)

[![Dependents on GitHub](https://img.shields.io/badge/Dependents-200+-FF53A1.svg?style=flat-square)](https://github.com/SevenOutman/vue-aplayer/network/dependents?dependent_type=REPOSITORY)

[![Discord](https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg?style=flat-square)](https://discord.gg/e3SeMJE)

![Screenshot](https://i.loli.net/2018/05/26/5b0912ce2e250.png)

### Features

- 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)

## Usage

```HTML

```

 [**Full documentation**](https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.md)

 [**中文文档**](https://github.com/SevenOutman/vue-aplayer/blob/develop/docs/README.zh-CN.md)

## Changelog

Detailed changes fro each release are documented in the [release notes](https://github.com/SevenOutman/vue-aplayer/releases).

## Contribution

Feel free to [open an issue](https://github.com/SevenOutman/vue-aplayer/issues) if you find a bug or have a nice idea.

[PRs are welcome](https://github.com/SevenOutman/vue-aplayer/blob/master/docs/README.md#contribute).

## The name

- When referring to `Vue-APlayer`, the name should be written in exactly the same case.

- When referring to its versions, either `[email protected]` (GitHub) or `[email protected]` (npm) is fine.

## Related projects

- [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)

## Thanks

[@DIYgod](https://github.com/DIYgod), for creating APlayer and sharing cloud storage for hosting Vue-APlayer's demo page media resources.

## License

Vue-APlayer is [MIT Licensed](https://github.com/SevenOutman/vue-aplayer/blob/master/LICENSE). 

Copyright (c) 2016-present Shenghao "Doma" Lei