vue-cplayer

    0.1.0 • Public • Published

    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

    Install

    npm i vue-cplayer

    DownloadsWeekly Downloads

    1

    Version

    0.1.0

    License

    none

    Last publish

    Collaborators

    • adnasa