我想知道是否可以一鍵播放多個音頻檔案?從那里,我希望用戶能夠將每個音頻檔案靜音,以便所有內容同時運行。
我在后端 Web 開發方面沒有太多經驗,因此非常感謝您朝著正確的方向努力!
uj5u.com熱心網友回復:
您只需單擊一個按鈕即可開始播放多個音頻,只需在要開始的每個音頻上呼叫播放功能即可。
這個片段有幾個音頻元素。在按鈕單擊時,它們每個都呼叫了它們的播放功能。
請注意,每個控制元件都有控制元件屬性,因此用戶可以單獨暫停它們。(由于每個音頻都很短,因此僅針對此演示,它還具有每個回圈)。
function playAll() {
document.querySelector('.container').classList.add('playing');
const audios = document.querySelectorAll('audio');
audios.forEach(audio => {
audio.play();
});
}
.container {
display: none;
}
.container.playing {
display: block;
}
<button onclick="playAll();">Play them all</button>
<div class="container">
<h2>Horse
</h2> <audio src="https://www.w3schools.com/html/horse.mp3" controls loop></audio>
<h2>Placeholder</h2> <audio src="https://ia903002.us.archive.org/18/items/placeholder/placeholder.mp3" controls loop></audio>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/438095.html
標籤:javascript html css 网络
