1.8.0 • Published 5 years ago
voice-player
Play voice with wechat voice ui styles.
Usage
<template>
<VoicePlayer :url="audio source url" :only="true or false"/>
</template>
<script>
import VoicePlayer from 'voice-player'
import 'voice-player/dist/voice-player.css'
</script>
Vue Props
| name | type | description |
|---|
| url | string | Voice audio source url |
| only | boolean | Uniqueness, only one voice can be played at a time, default is true |
Instance Props
| name | type | description |
|---|
| duration | number | Voice audio duration, in seconds |
| audio | HTMLAudioElement | The audio element |
Instance Methods
| name | description |
|---|
| toggle() | Toggle play & pause |
| play() | Play voice |
| pause() | Pause voice |
| pauseAll() | Pause all voices |
Instance Events
| name | description |
|---|
| play | When voice is playing |
| pause | When voice is paused |