Add Ambient Sound to Your Site
Embed an interactive ambient sound player with one iframe snippet. Perfect for study blogs, productivity tools, meditation pages, and writing apps. No account or API key. Playback always starts with a visitor action.
Build Your Embed
Copy the embed code
<iframe src="https://www.ambientnoise.io/embed?mix=brown-noise:70,rain-light:40&n=Deep%20Sleep" width="100%" height="180" style="border:0;border-radius:12px;overflow:hidden" loading="lazy" title="Ambient sound player from AmbientNoise.io"></iframe>Want a custom mix? Build it on the mixer, open the Share dialog, and grab the embed code for your exact blend. Browsers require a tap inside the player before audio starts, so embeds never autoplay.
How It Works
- The player UI and generated sound engine are served by AmbientNoise.io. Sample-backed sounds are fetched from AmbientNoise.io only after the visitor presses play.
- The iframe uses native lazy loading, which lets supporting browsers defer an off-screen player. Its interface and runtime still have a real network cost, so measure the impact on your own page.
- Any mix from the AmbientNoise.io mixer can be embedded: share a mix, then reuse its URL parameters in the embed src.
- Keep the visible AmbientNoise.io attribution link intact. Embedding the player does not grant a separate right to redistribute its recordings or exported audio.
URL Parameters
The embed URL accepts the same parameters as shared mixes:
https://www.ambientnoise.io/embed?mix=<sound-id>:<volume 0-100>,...&n=<player title>Up to 8 sounds per mix. Browse sound ids on the all sounds page, or copy a ready-made URL from any shared mix.
Writing about focus or sleep?
Pair the player with a link to the full mixer so readers can build their own blends.
Linking Resources