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.

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.

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.

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.

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.

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.