Vue2Mp3Player

Vue2Mp3Player Component for Vue 2.x

Install

    npm install vue2-mp3-player --save

Demo

For demo, please see here

Usage

1. Import the component

import Vue2Mp3Player from 'vue2-mp3-player';

2.1 Use it globally

Vue.use(Vue2Mp3Player);

2.2 Or use it locally

components: {
    'vue2-mp3-player': Vue2Mp3Player
},

3. Update your app or template:

<div>
...
<vue2-mp3-player></vue2-mp3-player>
...
</div>

Properties

There are no properties.

Example

<template>
    <div>
        <vue2-mp3-player class="thumbnail" src="https://buzzvid.nyc3.digitaloceanspaces.com/soundtrackboss-3/soundtrackboss-3/SoundTrackBoss-209.mp3" title="test1" mode="mini" :ui="{icons:{play:'fa-play-circle'}, labels:{play: 'Play', pause: 'Pause'}, classes:{btn:'btn btn-default'}}  "></vue2-mp3-player> test

        <vue2-mp3-player class="thumbnail" src="https://dbuzzvid.nyc3.digitaloceanspaces.com/pack1/track6.mp3" :thumbnail="false"></vue2-mp3-player>

        <vue2-mp3-player class="thumbnail" src="https://buzzvid.nyc3.digitaloceanspaces.com/pack1/track6.mp3" thumbnail="http://diylogodesigns.com/blog/wp-content/uploads/2016/04/google-logo-icon-PNG-Transparent-Background.png" title="Google logo"></vue2-mp3-player>
    </div>
</template>

<script>
    import Vue2Mp3Player from '../src/index';

    export default {
        name: 'app',
        data() {
            return {}
        },
        components: {
            Vue2Mp3Player
        },
        methods: {},
    }
</script>

Contributing

Contributions are welcome

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build