0.1.0 • Published 6 years ago
vue-cplayer v0.1.0
vue-cplayer
A simple vue wrapper for cPlayer.
Installation
# via npm
npm i vue-cplayer --save-dev
# or yarn
yarn add vue-cplayer --devUsage
template
<c-player :playlist="playlist" />script
import CPlayer from 'vue-cplayer';
import playlist from './playlist';
export default {
name: 'MyComponent',
data() {
return {
playlist,
},
},
components: {
CPlayer,
},
};Options
| key | type | required | default | description |
|---|---|---|---|---|
| autoplay | Boolean | |||
| dropDownMenuMode | String | bottom | Add a mode for the dropdown. Supported mode are bottom, top, and none. | |
| playlist | Array<Track> | :white_check_mark: | ||
| playMode | String | listloop | Apply a mode on the play cycle. Options: listloop, 'listrandom', and singlecycle | |
| showPlaylist | Boolean | |||
| showPlaylistButton | Boolean | true | ||
| size | String | Apply a size on the player | ||
| volume | Number | 1 | ||
| width | String | Apply a width on the player | ||
| zoomOutKana | Boolean | Apply optimization of Japanese kana characters |
The Track model
| key | description |
|---|---|
| src | URL to your music source |
| poster | URL to your image source |
| name | name of track |
| artist | name of artist |
Inspired by vue-aplayer