如何使用JavaScript为HTML5音频自定义播放/暂停图像

<audio id="myAudio" src="audio.mp3"></audio>

var audio = document.getElementById("myAudio");
var playButton = document.createElement("button");
playButton.innerHTML = "播放";
document.body.appendChild(playButton);

playButton.addEventListener("click", function() {
  if (audio.paused) {
    audio.play();
    playButton.innerHTML = "暂停";
  } else {
    audio.pause();
    playButton.innerHTML = "播放";
  }
});