AmbientNoise

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

Ambient sound player preview
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>
<p><a href="https://www.ambientnoise.io/mix">AmbientNoise</a></p>

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.

Embed an Interactive Scene

Prefer something prettier? Every illustrated scene can be embedded too — great for Notion study dashboards and blog sidebars. Open a scene, set the sounds you like, and press Embed to copy the code. In Notion, type /embed and paste the link. See the Notion guide.

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>

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