在 JavaScript 或 jquery 的后台页面加载时自动播放音乐

Question

我正在尝试在页面加载后播放音乐或 mp3 音频我在页面加载后尝试加载 function 但只有在我单击按钮后它才不起作用音乐将在代码下方开始播放

HTML

<audio id="audio1" src="bk.mp3" >
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>
<button onclick="playAudio()" type="button" id="pp">Play Audio</button>
<button onclick="pauseAudio()" type="button" id="pp2">Pause Audio</button>

Javascript

<script>
var x = document.getElementById("audio1"); 

function playAudio() { 
  x.play(); 
} 

function pauseAudio() { 
  x.pause(); 
} 

</script>

上面的代码将在单击按钮播放后播放音频，但我的观点是我需要它在加载时自动开始播放 Jquery 我尝试了不同的方法，但仅在单击时相同

Answer 1

简单的实现

首先，在页面中添加一个音频元素并使用 src 属性加载音频的源：

<audio src="https://www.bensound.com/bensound-music/bensound-moose.mp3"></audio>

接下来，使用 JavaScript 监听 DOMContentLoaded 事件，select 音频事件并调用audio.play():

window.addEventListener("DOMContentLoaded", event => {
  const audio = document.querySelector("audio");
  audio.volume = 0.2;
  audio.play();
});