1.0.0 • Published 3 years ago

vue-waveform-player-test v1.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

vue-waveform-player

一个音乐波形播放器组件

A music player with waveform component for vue.js project.

Usage

npm -i vue-waveform-player-test
import {vue-waveform-player} from "vue-waveform-player-test"
<vue-audio-wave-test :audioSrc="audioSrc" :canvasWidth="600" :canvasHeight="100" ref="audiowave"></vue-audio-wave-test>

Props

attrtypedefaultdescription
canvasWidthNumber800The Width of Waveform Canvas
canvasHeightNumber100The Height of Waveform Canvas
canvasStyleStringnullThe Style of Canvas.Use like inline style.
audioSrcStringnullAudio Url
playedLineColorString#ff0900The Color of Played Part Wave
unplayLineColorString#c2c2c2The Color of Unplayed Part Wave
sliderLineColorString#dededeThe Color of Slider
sliderLineWidthNumber1The Line Width of Slider
waveLineWidthNumber1The Line Width of Waveform`s Lines

Methods

namereturn typeparameterdescription
playvoidPlay The Audio
pausevoidPause The Audio

Events

namereturn typeExampledescription
onreadyObject{duration:30}When Audio And Waveform Ready.Return The Duration of The Audio File
onendedObject{}When The Audio is Over.Return Empty Object
time-updateObject{raw:61.1,format:"01:01"}When Updatetime Event of audio Element is triggered.Return audio Element's currentTime And a Formated String.