在 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();
});