Autoplay Background Sound Player

Store Design
, , , ,

Topic summary

A user seeks code to implement an autoplay background sound on their Shopify website that plays unmuted on both mobile and desktop. They reference a working example (atmos.leeroy.ca) and emphasize avoiding app-based solutions, as previously tested apps always play muted automatically.

Key Requirements:

  • Autoplay functionality without user interaction
  • Unmuted playback on mobile devices (critical)
  • Sound wave icon to pause/control music

Proposed Solution:
Another user suggests adding HTML5 audio code with autoplay and loop attributes:

<audio id="background-music" autoplay loop>
  <source src="your-audio-file.mp3" type="audio/mpeg">
</audio>

Note: Modern browsers (especially mobile) typically block unmuted autoplay due to user experience policies, making the mobile requirement technically challenging to achieve reliably.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi all!

Does anyone know a code I can add to my website to have a background sound that auto plays throughout my website like this website - https://atmos.leeroy.ca/

It plays automatically (unmuted) on mobile and desktop. It’s important to us to make sure it auto plays unmuted on mobile especially. It also has a sound wave icon that pauses the music.

I’d like to do this with no app if possible, as I’ve tried apps and it seems it always plays muted automatically. I currently have one installed on our website (dawn) - https://www.yesugod.com/

Thanks, any help is appreciated!

2

You can try to add this code