Background music

How do I make background music on my site (page)?

You can use the audio (and optionally also source) tag(s) for that purpose. Here’s an example of using only the audio tag:

<audio autoplay loop src="yourfile.mp3"></audio>

and here’s another example of using both the audio and source tags together:

<audio autoplay loop>
     <source src="yourfile.mp3" type="audio/mp3">
</audio>

Put only one of these inside your body tag, overwriting yourfile.mp3 with your MP3 file path or URL or, if it doesn’t work for you, use the code @anon19508339 sent, overwriting music-path-goes-here with your MP3 file path or URL.

3 Likes

Due the new chrome policy, The auto-music play got disabled, Which cannot be played automatically.
But there’s still a way to play it non-automatically( only by clicking at free area), By using these inside body tag:

<audio id='music' loop="loop" preload="none" src="music-path-goes-here"></audio>
<div style='position: absolute; z-index: -99; width: 100%; height: 100%' onclick='document.getElementById("music").play();' ontouchstart='document.getElementById("music").play();'>Play</div>
3 Likes

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.