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.

Background music player