play background music in html jasvascript
<audio src="https://www.bensound.com/bensound-music/bensound-moose.mp3"></audio>
<Script>
window.addEventListener("DOMContentLoaded", event => {
const audio = document.querySelector("audio");
audio.volume = 0.2;
audio.play();
});
</Script>
0
0
const button = document.querySelector("#button");
const icon = document.querySelector("#button > i");
const audio = document.querySelector("audio");
button.addEventListener("click", () => {
if (audio.paused) {
audio.volume = 0.2;
audio.play();
icon.classList.remove('fa-volume-up');
icon.classList.add('fa-volume-mute');
} else {
audio.pause();
icon.classList.remove('fa-volume-mute');
icon.classList.add('fa-volume-up');
}
button.classList.add("fade");
});
Thank you!
0
0
Are there any code examples left?
New code examples in category Javascript