The space between bars, in pixels.

The corner radius of each bar, in pixels. 0 gives square bars.

The width of each bar, in pixels.

The bar heights to draw, each from 0 to 1. They are stretched to fill the width.

The playback position at first, when it isn't controlled.

The microphone to record from, as a deviceId from navigator.mediaDevices.enumerateDevices(). Uses the default microphone when unset.

The total length, in the same unit as value. Leave it at 1 to use value as a fraction from 0 to 1.

Whether the bars fade out towards the left and right edges.

How far the fade reaches in from each edge, in pixels.

Replaces the built-in text for this instance. See LabelsProvider to change it everywhere.

Whether to record from the microphone while active. The browser asks the user for permission first.

How live input is drawn: scrolling adds each sample at the right edge and moves older ones left; static and live redraw the bars across the full width.

Called when the microphone can't be used, for example when the user denies permission or no microphone is connected.

Called with the new position when the user clicks or drags to seek.

Whether to show a gently moving wave, for example while an assistant is thinking. Ignored while active.

The colour of played bars and of live input, as a CSS colour. Defaults to the --primary token.

A number that picks the placeholder waveform drawn when there's no data. The same seed always draws the same shape.

How strongly microphone input moves the bars. Raise it for quiet input.

How often to sample the microphone, in milliseconds.

The playback position, in the same unit as duration. Use with onValueChange to control it.