How to use EchoWave: 1. Setup: Drag the WaveformPlayer element onto your page.

Important: Set a fixed Width (e.g., 300px) and Height (e.g., 60px). Do not use "Fit height to content".

2. Playing Audio:

Load a file by setting the "Audio File URL" field.

Use the Element Actions Play, Pause, or PlayPause to control playback.

Access WaveformPlayer A's current_time_text to show the progress (e.g., "00:15").

3. Recording Audio:

Create a "Record" button and use the action Start Recording.

The browser will ask for Microphone permission (HTTPS required).

Create a "Stop" button and use the action Stop Recording.

To save the file, use a workflow: Do when WaveformPlayer A's recorded_audio_base64 is not empty -> Create a new File/Thing.

4. Troubleshooting:

CORS Error (Red Error in Console): If your audio file doesn't load, it's likely a CORS issue. Ensure your audio files are hosted on Bubble or a server that allows Cross-Origin requests. Files uploaded to the Bubble File Manager work perfectly.