Skip to content

lip8up/voice-player

Repository files navigation

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