Skip to content

Cool-and-Deadly/vue-aplayer

 
 

Repository files navigation

Vue-APlayer

Vue-APlayer

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

Screenshot

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!

Usage

<aplayer autoplay
  :music="{
    title: 'secret base~君がくれたもの~',
    artist: 'Silent Siren',
    src: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.mp3',
    pic: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg'
  }"
/>

Full documentation

中文文档

Changelog

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

Contribution

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

Thanks

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

License

Vue-APlayer is MIT Licensed.

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

About

🍰 Easy-to-use music player for Vue 2.x

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 83.7%
  • JavaScript 12.9%
  • HTML 3.2%
  • CSS 0.2%