Number of seconds to skip with the skipForward() and skipBackward() methods. Otherwise the waveform is shrunk to the container width (see fillParent). Whether to scroll the container with a lengthy waveform. If this parameter is a number it represents that timeout. This is debounced with a 100ms timeout by default. If set to true resize the waveform, when the window is resized. This is useful when reusing an existing media element via the loadMediaElement method. Set to false to keep the media element in the DOM when the player is destroyed. When creating a region, specifying the minLength parameter for that region will override this. When progressColor and waveColor are the same the progress wave is not rendered at all.ĭefault minLength for regions, in seconds. 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.
0 kommentar(er)
