Skip to content

SevenOutman/vue-aplayer

Folders and files

NameName
Last commit message
Last commit date
May 28, 2018
Sep 2, 2021
Sep 2, 2021
Dec 26, 2017
Mar 14, 2018
Mar 14, 2018
Dec 30, 2017
Feb 11, 2019
Dec 29, 2017
Sep 1, 2021
Sep 2, 2021
Dec 28, 2017
May 30, 2018
Jun 23, 2018
Sep 2, 2021
Sep 2, 2021

Repository files navigation

Vue-APlayer

Vue-APlayer

Please refer to Future of vue-aplayer before you continue.

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 Vue-APlayer@1.x (GitHub) or vue-aplayer@1.x (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