skip to content

Bands

Draws frequency bands as rectangles, similar to a classic graphic equalizer.

DRAFT! This element is in early development and is liable to change or possibly be replaced.

class
Bands
extends
Frame
tag
<bands-blam>
see

Props

name type default description
count number 16

The number of elements to render, mapping to data bands. If there are more elements than bands (taken from Analyser bands) then the pattern repeats.
shuffle boolean false

Whether to randomly redistribute data band references among the Shadow DOM-rendered elements.
analyser string

A CSS selector for the Analyser element.
transport string

A CSS selector representing the element used to start and stop listening to analyser data. This element must fire blamstart and blamstop events. At the time of writing, Media, Pads, and Notes do this.
fps number 25

Frames per second. The frequency at which Analyser data is read.
time boolean false

Whether to take data from the time (rather than frequency) domain.
first number undefined

The first of the data bands to use. If undefined, it’s the very first band provided by the Analyser.
last number undefined

The last of the data bands to use. If undefined, it’s the very last band provided by the Analyser.

Examples

OH FUN! There are currently no examples using Bands.