Последний код лежит в ветке develop.

Если нужно внести изменения:

1. Клонируем пакет.
2. Устанавливаем зависимости yarn install, запускаем демо проект npm start.
3. Вносим необходимые изменения в коде, смотрим, сохраняем.
4. Вызываем команду npm start build - собирается aplayer.min.js из которого и импортируется компонент плеера в использовании.
5. Заливаем все в гит, готово.

Изменения сделанные мной:

1. Добавлен параметр :chatMode по которому убираются кнопка перемешки и зацикливания списка песен, отключается фоновая картинка у кнопки воспроизводить / пауза.
2. Добавленна кнопка "Скачать".
3. Изменены стили: улучшена поддержка темы и новый параметр :backgroundColor, что бы изменять цвет фона.

Vue-APlayer

Vue implementation of APlayer prototype. Demo

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

• APlayer: Prior art
• @moefe/vue-aplayer: Another Vue implementation of APlayer by @u3u

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