Vue aplayer : A easy config music players with controls

Vue aplayer : A easy config music players with controls

vue-aplayer A Vue 2.x component of easy-to-config music players with controls This component is a wrapper for APlayer. Live Demo GitHub



Vue implementation of APlayer prototype. Demo

Travis npm npm devDependency Status

Hubble GitHub commit activity the past year GitHub last commit Dependents on GitHub Discord



  • 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!


<aplayer autoplay
    title: 'secret base~君がくれたもの~',
    artist: 'Silent Siren',
    src: '',
    pic: ''

Full documentation



Detailed changes fro each release are documented in the release notes.


Feel free to open an issue if you find a bug or have a nice idea.

PRs are welcome.

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


@DIYgod, for creating APlayer and sharing cloud storage for hosting Vue-APlayer's demo page media resources.


Vue-APlayer is MIT Licensed.

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

Github Repository

Tags: #VueJs #Music