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
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.
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