---
title: "Audio Player Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Redo · Players. Background sound from a button"
canonical: "https://framer.elliotli.dev/component/audio-player-button"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Audio Player Button

# Audio Player Button

Background sound from a button

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

![Audio Player Button preview image 1](https://framer.elliotli.dev/og/component/audio-player-button/103a7acf53d1428b/1600x1200.jpg)

## Summary

Background sound from a button

## Description

Drop a single button anywhere on your site to play full-page background audio. Visitors tap to start the sound and tap again to mute. A clean, lightweight way to add atmosphere, music, or voice to any page.

## What it does

Place one small button anywhere on your page and give your whole site a soundtrack. When a visitor taps it, your chosen audio plays across the full page in the background. Tapping again mutes it. It's the simplest way to add ambient music, a brand sound, or a spoken intro without cluttering your layout.

### Easy control

One button, one job. Visitors stay in control — they choose when sound comes on and when it stops. No intrusive players, no extra UI.

### What you can change

-   Audio file (upload your own track)
    
-   Button icon and label
    
-   Button size, color, and shape
    
-   Default state (muted / unmuted)
    
-   Position and placement on the page
    

Responsive behavior The button stays crisp and tappable on desktop, tablet, and mobile, sitting wherever you place it without breaking your layout.

### Use Cases

-   Portfolio and brand sites that want a signature sound
    
-   Landing pages with ambient or mood music
    
-   Event, music, and artist pages
    
-   Storytelling and immersive experiences
    

One button. Full-page sound. Total control for your visitors.

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

-   All · #2296

## Details

- **Author**: Redo
- **Published**: 2026-06-18
- **Updated**: 2026-06-18
- **Added**: 2026-06-18
- **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.