Ambient audio toggle · Background music player
A simple way to add background music to your Framer site.
Visitors tap the animated waveform to start the music. It keeps
playing as they navigate between pages, pauses when they switch
tabs, and resumes when they come back.
Features
- Two visualizer styles — wave or bars
- Music persists across page navigation
- Auto-pauses when tab is hidden or browser is minimized
- Multiple instances supported (each audio file plays independently)
- Loop on or off
- Mobile and touch optimized
- Keyboard accessible (Enter / Space to toggle)
- WCAG 2.5.5 compliant tap target
Customization
- Colors — active waveform, inactive, label playing, label paused
- Volume — 0 to 100% in 5% steps
- Animation — wave or bars style, speed, intensity
- Bars style — adjustable bar count (4 to 80)
- Waveform — width, height, line weight, rounded or square caps
- Paused state — set how much the wave shows when not playing
- Transition — control how smoothly play and pause animate
- Label — custom text, font, position, gap, colors, or hide entirely
Audio formats
MP3, WAV, OGG, M4A. MP3 at 128 kbps recommended.
A simple way to add background music to your Framer site.
Visitors tap the animated waveform to start the music. It keeps
playing as they navigate between pages, pauses when they switch
tabs, and resumes when they come back.
Features
- Two visualizer styles — wave or bars
- Music persists across page navigation
- Auto-pauses when tab is hidden or browser is minimized
- Multiple instances supported (each audio file plays independently)
- Loop on or off
- Mobile and touch optimized
- Keyboard accessible (Enter / Space to toggle)
- WCAG 2.5.5 compliant tap target
Customization
- Colors — active waveform, inactive, label playing, label paused
- Volume — 0 to 100% in 5% steps
- Animation — wave or bars style, speed, intensity
- Bars style — adjustable bar count (4 to 80)
- Waveform — width, height, line weight, rounded or square caps
- Paused state — set how much the wave shows when not playing
- Transition — control how smoothly play and pause animate
- Label — custom text, font, position, gap, colors, or hide entirely
Audio formats
MP3, WAV, OGG, M4A. MP3 at 128 kbps recommended.
