html点击图片播放音乐 再次点击关闭音乐

要实现点击图片播放音乐，再次点击关闭音乐的功能，您可以使用HTML5的`audio`标签和JavaScript来实现。

首先，在HTML文件中添加一个`audio`标签，设置音乐文件的路径和一些属性，例如自动播放、循环播放、隐藏控制面板等。同时，添加一个图片标签，用于触发音乐的播放和暂停。

<audio id="myAudio" src="music.mp3" autoplay loop controls="false" style="display:none;"></audio>
<img id="musicBtn" src="play.png" onclick="toggleMusic()">

接着，编写JavaScript代码，实现点击图片切换音乐播放和暂停的功能。首先，获取`audio`标签和图片标签的引用，然后定义一个变量`playing`，用于标记当前是否正在播放音乐。在`toggleMusic()`函数中，判断`playing`变量的值，如果为`true`，则暂停音乐并将图片替换为暂停图片；如果为`false`，则播放音乐并将图片替换为播放图片。

var audio = document.getElementById("myAudio");
var musicBtn = document.getElementById("musicBtn");
var playing = false;

function toggleMusic() {
  if (playing) {
    audio.pause();
    musicBtn.src = "play.png";
    playing = false;
  } else {
    audio.play();
    musicBtn.src = "pause.png";
    playing = true;
  }
}

最后，您可以根据自己的需求修改代码，例如更改图片路径、音乐文件路径、控制面板的显示等。