

The fill color of the part of the waveform behind the cursor. They will be directly initialised unless they are added with the deferInit property set to true. Use the PeakCache to improve rendering speed of large waveforms.Īn array of plugin definitions to register during instantiation. If true, normalize by the maximum peak instead of 1.0. Needs scrollParent: true or fillParent: false to have an effect. Minimum number of pixels per second of audio. (Use with backend MediaElement) this enables the native controls for the media element. This parameter is only applicable to the MultiCanvas renderer. If the waveform is longer than this value, additional canvases will be used to render the waveform, which is useful for very large waveforms that may be too wide for browsers to draw on a single canvas. Maximum width of a single canvas in pixels, excluding a small overlap ( 2 * pixelRatio, rounded up to the next even integer). (Use with regions plugin) Enable looping of selected regions. You can switch this parameter at any time later on. Whether the mouse interaction will be enabled at initialization. Hide the mouse cursor when hovering over the waveform.

Whether to hide the horizontal scrollbar when one would normally be shown. Whether to fill the entire container or draw only according to minPxPerSec.įorce decoding of audio using web audio when zooming to get a more detailed waveform. Specify canvas 2d drawing context attributes. The fill color of the cursor indicating the playhead position. If specified, the waveform will be drawn like this: ▁ ▂ ▇ ▃ ▅ ▂Ĭlose and nullify all audio contexts when the destroy method is called.ĬSS-selector or HTML-element where the waveform should be drawn. Default behavior is to not draw a bar during silence. Higher number than 1 will increase the waveform bar heights. The optional spacing between bars of the wave, if not provided will be calculated in legacy format. MediaElement is a fallback for unsupported browsers.Ĭhange background color of the waveform container. WebAudio, MediaElement or MediaElementWebAudio. Useful if you handle large waveforms and the transition is struggling. Whether to apply transition effect when seeking waveforms. If a scrollbar is present, center the waveform around the progress. Use your own previously initialized ScriptProcessorNode or leave blank. Use your own previously initialized AudioContext or leave blank. This is the list of parameters you can pass to var wavesurfer = WaveSurfer.create() to create an instance of the player.
