---
title: Smart Background Sound Demo | Ambient Audio for Websites
description: Experience optional background audio with smart playback, media ducking, browser compatibility, privacy-friendly controls and no autoplay.
---

YOOtheme Pro element for Joomla

# Smart Background Sound

Give a page atmosphere without ambushing your visitor. A clear, accessible button lets people choose the sound. No autoplay surprises, no cookies, and it works on every browser including iPhone and Incognito.

**Try it:** use the button in the top-right corner of this section to turn the ambient music on and off.

Hero

## Reliable on every browser — even iPhone and Incognito

Browsers block audio that starts on its own. Smart Background Sound never gambles on that. It warms up silently and shows a button, so the visitor makes the choice with one tap. Variant 4 works everywhere; variants that try to start automatically degrade gracefully to the same button when the browser says no.

The four behaviours: **on / off**, scoped to the **whole page** or a **single section**. Variant 4 (off, this section) is the universal, always-reliable choice.

Works everywhere

## Fits any corner and any style

Place the button in any corner or at exact X/Y coordinates. Pick small, medium or large; light, dark or auto colours; or set your own accent colour to match the section. Add a label that sits inline, below, as a tooltip, or expands on hover.

This button uses a brand accent colour and a label that expands on hover.

Shapes and styles

## Automatically ducks when other media plays

When a visitor starts a video or podcast, the ambient music fades out by itself and comes back when the other media stops. It recognises HTML5 audio and video, YouTube, Vimeo, Spotify, SoundCloud and a long list of podcast players.

**Try it:** turn the ambient music on, then press play on the video below. The music fades down, and returns when you pause the video.

Ducks for other media

## Plays while this section is on screen

This block uses the **section-scoped variant**: the music belongs to this section only. It pauses automatically the moment you scroll away and comes back when you return. Where browsers block the automatic start - iPhone, private windows - the button simply appears and one tap starts it.

**Try it:** start the sound, then scroll slowly up or down and hear it follow your position.

Section scoped

## New in version 0.9.17

**External audio sources.** Point the element at a direct audio URL on a CDN or your own host. Every URL is validated first, and playback stays in the browser.

**Honest error handling.** If an audio source ever fails - a moved file, hotlink protection, mixed content - the button switches to a clearly disabled state that explains the problem, instead of a button that silently does nothing.

**Site-wide off switch.** Turn the plugin off in one place without uninstalling it. Handy during maintenance or a quiet campaign week.

New in 0.9.17

## Frequently asked questions

FAQ