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