| Prop | Type | Required | Example | Value Range | Description |
|---|---|---|---|---|---|
| sourceNodeId | string | true | - | - | The unique identifier of the audio or video element from which to generate the sound wave visualization. |
| sourceNodeType | string | true | - | Audio | Video | The type of the source element (Audio or Video). |
| waveType | string | false | - | - | The type of waveform visualization to display. |
| colors | array | false | - | - | An array of colors used to render the sound wave, in hex format. |
Note: The
sourceNodeIdmust 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.
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