---
title: "Demo - Page #3"
description: "A YOOzeCase Company - Premium Plugins, Extensions & Add-ons for WordPress, Joomla & YOOtheme Pro ⭐⭐⭐⭐⭐ - Page #3"
url: "https://www.yoozecase.com/component/content/category/demo?start=10"
date: "2026-10-08T08:31:29+00:00"
language: "en-GB"
---

# Demo

      Written by admin on 19 June 2026. Posted in [Demo](https://www.yoozecase.com/component/content/category/demo).

##  [Smart Background Sound Demo](https://www.yoozecase.com/smart-background-sound-demo)

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.

 Play ambient music## 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.

 Listen## 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.

 Ambient sound## 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.

 Ambient music## 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 sound## 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.

 Ambient sound## Frequently asked questions

### What does Smart Background Sound do?

It plays ambient or background music on a page through a visible, accessible toggle button. The visitor decides whether the sound plays, so it never starts unexpectedly.

### Does it work on iPhone and in Incognito?

Yes. Variant 4 works on every browser and in private windows, where automatic playback is blocked. The button always appears; only the instant-start depends on the browser.

### Does it use cookies or send data to third parties?

No. It loads no external libraries, sets no cookies, and sends no visitor data anywhere. The visitor's on/off choice is remembered locally in the browser only.

### Can visitors turn the sound off?

Always. One tap mutes it, and that choice is remembered across pages. Audio also ducks automatically when the visitor plays other media.

### Do I need YOOtheme Pro?

Yes. It is a YOOtheme Pro builder element delivered as a Joomla system plugin, and works on Joomla 5 and 6.

 [Read more …Smart Background Sound Demo](https://www.yoozecase.com/smart-background-sound-demo)

- Hits: 509

      Written by admin on 16 June 2026. Posted in [Demo](https://www.yoozecase.com/component/content/category/demo).

##  [Slick Page Transitions Demo](https://www.yoozecase.com/slick-page-transitions-demo)

- Hits: 274

      Written by admin on 16 June 2026. Posted in [Demo](https://www.yoozecase.com/component/content/category/demo).

##  [Auto Add Alt And Title Demo](https://www.yoozecase.com/auto-add-alt-and-title-demo)

- Hits: 585

      Written by admin on 16 June 2026. Posted in [Demo](https://www.yoozecase.com/component/content/category/demo).

##  [Amazing ZOO Tag SEF Demo](https://www.yoozecase.com/amazing-zoo-tag-sef-demo)

- Hits: 337

      Written by admin on 16 June 2026. Posted in [Demo](https://www.yoozecase.com/component/content/category/demo).

##  [3d Text Demo](https://www.yoozecase.com/3d-text-demo)

- Hits: 221

### More Articles …

- [Upvote Overlord Demo](https://www.yoozecase.com/upvote-overlord-demo)
- [Smart Poll Demo](https://www.yoozecase.com/smart-poll-demo)
- [What the F...ooter? ...game! Demo](https://www.yoozecase.com/what-the-footer-game-demo)
- [Smart Grid Demo](https://www.yoozecase.com/smart-grid-demo)

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.yoozecase.com"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Demo",
            "item": "https://www.yoozecase.com/component/content/category/demo"
        }
    ]
}
```