Peak

Takes Analyser data, finds the peak (RMS-based) value and coverts it to a single CSS custom property of the format --[name]-peak on the element. Additionally, --[name]-interval represents the duration of one frame (based on the fps value). This is useful for applying CSS transitions between data changes.

class: Peak
extends: Visualiser
tag: <peak-blam>
see: props

examples

Props

name	type	default	description
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 Peak.