vue-cplayer
v0.0.1 cplayer vuejs vue-component media-player music-player playlist
vue-cplayer
A simple vue wrapper for cPlayer.
Installation
# via npm
npm i vue-cplayer --save-dev
# or yarn
yarn add vue-cplayer --dev
Usage
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