AudioCOMPONENT 1.00plasma

Every prop has a default, so the component renders as it is. Change any of them in Studio or in code.

• audio

  string = "beat.wav"

  The audio file in public/ the signal is read from (and that plays).

• layers

  list

  The copies of the signal, bottom first.

• ground

  colour = "#070a12"

  Background.

• grid.show

  boolean = false

  Draw the graticule.

• grid.cell

  number = 120

  Grid cell size, px.

• grid.color

  colour = "#14181f"

  Grid line colour.

• grid.width

  number = 1.5

  Grid line width, px.

• glowNear

  number = 8

  Radius of the tight glow, px (the first of the two stacked glows).

• glowFar

  number = 42

  Radius of the wide bloom, px (the second glow).

• bloomStrength

  number = 0.8

  Strength of the wide bloom (keep it low where copies of different colours meet, or they smear together).

• bloomWithLevel

  number = 1

  How much the bloom swells with the loudness.

• bloomTint

  string = "#2f6bff"

  Colour of the wide bloom; empty to bloom in each copy's own colour.

• push

  number = 0.05

  Slow camera push over the whole clip (0.08 = 8% closer at the end).

• bump

  number = 0.02

  How much the frame swells on loud hits.

• title.kicker

  string = ""

  Small line above the headline. Empty for none.

• title.headline

  string = "ON AIR?"

  The big word. Empty for none.

• title.script

  string = ""

  Script word overlapping the headline. Empty for none.

• title.y

  number = 0.5

  Vertical position of the headline, as a fraction of the height.

• title.kickerColor

  colour = "#d8d8d8"

  A CSS colour.

• title.headlineColor

  colour = "#f4f7ff"

  A CSS colour.

• title.scriptColor

  colour = "#9cc1ff"

  A CSS colour.

• title.headlineFont

  string = "Bebas Neue"

  Google Fonts family, condensed.

• title.scriptFont

  string = "Instrument Serif"

  Google Fonts family, italic serif.

• title.headlineSize

  number = 170

  Headline size.

• timecode.show

  boolean = true

  Show the running time as huge soft numerals and a playhead.

• timecode.color

  colour = "#4d525b"

  A CSS colour.

• timecode.blur

  number = 4

  Softness of the numerals, px.

• timecode.playhead

  colour = "#7fb2ff"

  Colour of the playhead line.

• streak

  number = 0.85

  A horizontal light streak along the centre line (anamorphic flare), swelling with the loudness.

• streakColor

  colour = "#7fa8ff"

  Colour of the streak.

• grain

  number = 0.05

  Film grain over everything.

• chroma

  number = 2.2

  Chromatic aberration, px.

• AudioPlasma