HTML文件中插入音频,将其转化为鼠标事件,单击图片即可播放

Question

<audio id="audio1" autoplay="autoplay" src="abc.mp3"  preload>对不起，您的浏览器不支持html5音频API</audio>

<div class="music">

   <button id="play" onclick="toggleMusic()"><img id="start" src="img/anniu_000.jpeg" width="50px" height="50px"></div>

onclick后面的函数不会定义，对于这个程序也不是特别理解

Answer 1

1、你的button没有对应的</button>

2、去掉audio的自动播放：

<audio id="audio1" src="abc.mp3"  preload>对不起，您的浏览器不支持html5音频API</audio>

3、在你的js中定义如下函数：

function toggleMusic(){
    var audio = document.getElementById("audio1");
    audio.play();
}