06 / Sound & live data

Let the world move the scene.

Make scale follow bass, glow follow the beat and 3D lights follow audio levels. Populate repeated content from data sources.

Start here: Audio clips

Sound on the timeline

Place audio clips in the timeline to coordinate sound with animation, or trigger a sound from an interaction rule. Choose the approach that matches the experience.

An audio card in the Files tab, with the ▶ and ♪ buttons on its bottom row — FROM THE PRODUCT GUIDE

Add sound to the timeline

Audio-reactive visuals

Use audio analysis or microphone input as a source of changing values. Connect those values to properties such as movement or effect intensity to build a responsive composition.

The Inputs popover with the meters moving while the clip plays — FROM THE PRODUCT GUIDE

Make the scene follow the sound

Data-driven content

Use variables and Data Repeater to connect changing information to repeated visual elements. Plan the data source and update behavior around the intended installation.

Design the card. Let data fill it.

Bind data fields to text and image layers in each repeated item. Configure a REST source and refresh interval, or push rows from a host application through the runtime API.

Explore Data Repeater

The Data Repeater section on a card artboard, Layout Linear, Data Source Manual, five identical copies on the canvas — FROM THE PRODUCT GUIDE

Turn data into visual content

Go deeper

Continue with the feature guides below. Draft labels describe the documentation status.

Audio clips on the timelineGuide draft Playing a sound from a ruleGuide draft Timeline audio, microphone & analysisGuide draft Visuals that react to soundGuide draft