Audio Pulse Reactive UI - Documentation (O11) | OutSystems

Skip to Content (Press Enter)

Log in

audio-pulse-reactive-ui

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded

on 8 Apr (17 hours ago)

by

0.0

(0 ratings)

audio-pulse-reactive-ui

Documentation

1.0.0

Documentation

How to Use

Drag & Drop: Place the AudioPulse block on your screen.
Add Content: Drag any widget (Icon, Image, or Container) into the Content Placeholder.
Configure: Adjust the Sensitivity and FrequencyRange to match your needs.
Interact: Due to browser security policies, the component will activate upon the user's first click or keypress on the page.

Input Parameters

Parameter	Type	Default	Description
`Sensitivity`	Decimal	`1.5`	Multiplier for the reaction intensity. Values between 1.5 and 2.5 work best.
`FrequencyRange`	Text	`"bass"`	Choose what the UI reacts to: `"bass"` (drums/beats), `"mid"` (voice), or `"treble"` (sharp sounds).
`Smoothness`	Decimal	`0.1`	The "mushiness" of the animation in seconds. Higher = more fluid; Lower = snappier.

Best Practices & Constraints

Security (HTTPS): The Web Audio API and Microphone access require a secure connection (https://). It will also work on localhost.
Privacy: This component processes audio locally. No data is recorded or sent to any server.
Centering: For the best effect, ensure the content inside the placeholder is centered. The component uses transform-origin: center to keep the pulse stable.