EchoWave is the professional standard for audio in Bubble. Whether you are building a chat app, a podcast player, or a language learning tool, EchoWave provides the rich visual feedback users expect in modern apps.
🔥 Pro Features:

🏎️ Variable Playback Speed: Let users listen at 1.5x or 2.0x speed (just like WhatsApp/Telegram). Essential for long voice notes.

🎨 Total UI Control: Customize the waveform bars. Change width, gap, radius, and cursor color to match your app's design perfectly.

🎤 High-Quality Recording: Record microphone input directly to Base64 (WebM/WAV) with real-time waveform visualization.

🔁 Loop Mode: Perfect for background music or ambient sounds.

📥 Download Action: Export recordings or tracks directly to the user's device.

Core Features:

  - Lightweight & Fast (Powered by Wavesurfer.js 7).

  - Smart "mm:ss" time formatting (no complex math needed).

  - Base64 Data export ready for Bubble S3 upload.

  - Responsive & Touch-friendly.


VERSION 2.0 - THE AUDIO ENGINE UPDATE 🎧 We have upgraded the core to Wavesurfer.js v7 and added the features every audio app needs.

☁️ Native Recording Upload (S3) The recorder is now Hybrid:

Instant Preview: Get the Base64 immediately to show the user what they recorded.

Cloud Storage: Use the new Save to Bubble action to upload the raw file directly to your app's storage. You get a clean URL (https://...) to save to your database. No more heavy Base64 strings slowing down your app!

🔍 Precision Controls

Zoom: Use the Set Zoom action to expand the waveform. Perfect for editing or reviewing long recordings.

Seek: Jump to any specific second with Go to Time.

Volume & Mute: Full control over playback volume (0-100) and instant Mute toggle.

⚡ Performance

Built on the latest Wavesurfer v7 engine for faster rendering and smoother waveforms.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/waveformplayer_pro/1764634032514x362626885110334900

Demo Editor: https://bubble.io/page?id=demo-app-56978&tab=Design&name=waveformplayer_pro&ai_generated=true&type=page&elements=bTHrV1