Skip to content

BarsWaveformRendererOptions

PropertyTypeDescription
barAlign?"bottom" | "top" | "center"Alignment of bars relative to the canvas height: - “center”: Bars expand vertically from the horizontal centerline. - “bottom”: Bars grow upwards from the bottom edge. - “top”: Bars grow downwards from the top edge. Default "center"
barGap?numberGap between adjacent bars in CSS pixels. Default 2
barRadius?numberCorner radius for bars in CSS pixels. If undefined and rounded is true, pill/capsule shapes are rendered (radius = barWidth / 2). If 0, flat rectangular bars are rendered. Default undefined
barWidth?numberWidth of each bar in CSS pixels. Default 3
minBarHeight?numberMinimum height of a bar in CSS pixels. If 0, bars taper down to a circle of diameter barWidth during silence. Default 0
rounded?booleanWhether bar ends are rounded (pill/capsule shape). Default true
symmetric?booleanWhether to mirror amplitude symmetrically around center in “center” mode. Default true