Ask coding questions

← Back to all posts
Background music
JacobMcPherson1 (239)

How would I add background music to all my pages. Because I can't figure out how

Answered by Baconman321 (1097) [earned 5 cycles]
View Answer
Comments
hotnewtop
Baconman321 (1097)

I would recommend using JavaScript's Audio().
Since audio is only loaded once the user interacts with the webpage, add a "click" event listener to the body to make sure the user has interacted with the webpage and then start playing the audio.

let audio = new Audio();
//Source goes here:
audio.src = "your_src.mp3"
document.body.addEventListener("click",function(){
  audio.play();
});

There you have it!

The best way to do this is put it in a separate file called "backgroundAudio.js" and link it into all your html files.

RYANTADIPARTHI (6018)

Solution

in html, try using audio.

<audio controls>
  <source src="AUDIO URL">
</audio>

like that. Put your music file, or URL in there.
IT should work