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.
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.
shuffle boolean false

Whether to shuffle the band/frequency data.
analyser string

A CSS selector for the Analyser element. Defaults to the first Analyser found in the page.
transport string

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

Frames per second. The frequency with which Analyser data is read.

Examples

OH FUN! There are currently no examples using Bands.