javascript - 如何用按钮控制背景音乐？

Question

我试过两个版本

第一个自动播放在 Google Chrome 上运行，但我如何使用可以播放或暂停音频的按钮进行控制？

 <embed name="pop" src="pop.mp3" loop="true" hidden="true" autostart="true">

第二个自动播放在 Google Chrome 上不起作用，但我可以用 IE 或 FireFox 中的按钮控制它

<audio id="myAudio">
<source src="pop.mp3" type="audio/mp3">
</audio>

按钮

<button onclick="playAud()" type="button">Play</button>
<button onclick="pauseAud()" type="button">Pause</button>

和 Javascript

var aud = document.getElementById("myAudio"); 

function playAud() { 
aud.play(); } 

function pauseAud() { 
aud.pause(); } 

那么我该如何处理这个问题呢？

我想要在后台自动播放音频
然后我可以使用按钮来播放或暂停它

标签： javascripthtml

Answer 1

尝试这个：

<audio id="sound" src="sound.mp3" autoplay="0" autostart="0"></audio>
<button onclick="playAud()" type="button">Play</button>
<button onclick="pauseAud()" type="button">Pause</button>

<script>
    let aud = document.getElementById("sound");

    function playAud() { 
        aud.play(); 
    } 

    function pauseAud() { 
        aud.pause(); 
    }