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|