![]() Visit their website for more information. The source is freely available from github.Ī big thank you to the WaveSurfer.js team for the library they created and maintain. If you would like to help develop this component please send me a message via git hub. Default: true.Įvents and methods are not yet exposed for use external to the component. combinedPlay : Boolean, display a combined play/pause buttons or display separate play and pause buttons. ![]() fillParent : Boolean, allows the filling of the wave form to the parent container.height : A number of pixels defining the height of the wave form.cursorWidth :Name of the of the Wavesurfer element, requires a string.cursorColor : A hex colour string, Colour of the cursor that moves along the wave image.waveColor : A hex colour string, Colour of the wave image.progressColor : A hex colour string, Colour of the progress along the wave image.Before rendering your file entirely, you can export a shorter sample just by. name : Name of the of the Wavesurfer element, requires a string. Audio visualizer vector and png Our audio waveform images are available in.Here are the currently available properties/options: Once installed the component can be used like so: import WaveSurferPlayer from 'wavesurfer-player-vue'Ĭurrently the some of Wavesurver's options are exposed via properties. The renderer itself can by used by setting the renderer wavesurfer property to 'MultiCanvas'. Wavesurfer supports two modes of rendering: lines (a traditional waveform) and bars (looks like a histogram, using average frequency values for each bar). Tips, advance and support is welcome to help me improve though!Īt the moment Vue Runtime Helpers needs to be installed as a peer dependency, so once you have installed this module. The below image shows a wavesurfer timeline that uses bars. I won't be able to support others using this package until I am more confident with what I am doing. Used as a test ground for my first public npm module. WaveSurfer Audio Player for Vue Test Package! Do not useĪ Vue.js wrapper for the wavesurfer.js library.
0 Comments
Leave a Reply. |