在html中加載頁面後播放音頻

Question

我在html中插入了音頻。但音頻在整個頁面加載之前就開始了。我希望在整個頁面加載後播放音頻。

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

任何人都可以幫助我。

Answer 1

我認爲你必須使用JS（jQuery的）函數來完成文件得到準備

$（文件）。就緒（函數（）

Play an audio file using jQuery when a button is clicked

你必須在這裏回答（如果我跟着你的話）

Answer 2

你將需要JavaScript。刪除autoplay屬性：

<audio id="my_audio" src="bg.mp3" loop="loop"></audio> 

，並添加一個這樣的腳本：

window.onload = function() { 
    document.getElementById("my_audio").play(); 
} 

或者，如果你使用jQuery：

$(document).ready(function() { 
    $("#my_audio").get(0).play(); 
}); 

Answer 3

只需要複製該代碼在HTML代碼中的主體部分粘貼。

<audio autoplay> 
    <source src="song.mp3" type="audio/mpeg"> 
</audio> 

，並確保您的音頻文件應在同一文件夾中。

Answer 4

對於重複音調地方下面的代碼

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

和用於一個單一的時間，取出循環。然後，它應該是這樣的

 <audio src="./audio/preloader.mp3" autoplay="autoplay"></audio>