/vue-cplayer

a vue wrapper for cplayer

Primary LanguageVue

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> ✅
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