SoundWave Element

PropTypeRequiredExampleValue RangeDescription
sourceNodeIdstringtrue--The unique identifier of the audio or video element from which to generate the sound wave visualization.
sourceNodeTypestringtrue-Audio | VideoThe type of the source element (Audio or Video).
waveTypestringfalse--The type of waveform visualization to display.
colorsarrayfalse--An array of colors used to render the sound wave, in hex format.

Note: The sourceNodeId must reference an existing Audio or Video element in the project. The SoundWave element will automatically generate a visual representation of the audio data from the source element.

soundWaveElement.json
1{ 2 "id": "soundwave-element-id", 3 "type": "SoundWave", 4 "start": 0, 5 "duration": 10, 6 "trackIndex": 0, 7 "x": 100, 8 "y": 100, 9 "sourceNodeId": "audio-element-id", 10 "sourceNodeType": "Audio", 11 "waveType": "bars", 12 "colors": ["#FF5722", "#FF9800", "#FFC107"] 13} 14