w-audioplayer-vue

An audio player by howler.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

all examples: web [source code]

Installation

Using npm(ES6 module):

Note: w-audioplayer-vue is mainly dependent on w-howler .

npm i w-audioplayer-vue

By import:

<w-audioplayer-vue 
    v-model="..."
></w-audioplayer-vue>

import WAudioplayerVue from 'w-audioplayer-vue'

Vue.component('w-audioplayer-vue', WAudioplayerVue)

In a browser(UMD module):

Note: w-audioplayer-vue is mainly dependent on vue.

[Necessary] Add script for vue.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>

[Necessary] Add script for w-audioplayer-vue.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/w-audioplayer-vue.umd.js"></script>

Directly use:

<w-audioplayer-vue 
    v-model="..."
></w-audioplayer-vue>

Vue.component('w-audioplayer-vue', window['w-audioplayer-vue'])

new Vue({
    el: '#app',
    data: {
        content: 'abc中文123'
    }
})