skip to content

Rings

Draws frequency bands as concentric rings or filled circles. Try not to get hypnotized.

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

class: Rings
extends: Frame
tag: <rings-blam>
see: props

examples

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 Rings.