---
title: "Ambient audio toggle — Free Framer component · Best of Framer"
description: "Free Framer component · by Necessary Digital · Players. Background music player"
canonical: "https://framer.elliotli.dev/component/ambient-audio-toggle"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Ambient audio toggle

# Ambient audio toggle

Background music player

[View on Framer](https://framer.com/marketplace/components/ambient-audio-toggle/?via=elliot-li)

![Ambient audio toggle preview image 1](https://framer.elliotli.dev/og/component/ambient-audio-toggle/a9ce9b3aa90823f1/1600x1200.jpg)

## Summary

Background music player

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1189

## Details

- **Author**: Necessary Digital
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-04
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.