如何使用一个缩略图图像HTML制作音频播放_Html_Css

如何使用一个缩略图图像HTML制作音频播放

html css

如何使用一个缩略图图像HTML制作音频播放,html,css,Html,Css,这是我的代码，如果你能帮我，那就太好了谢谢函数播放（）{ var audio=document.getElementById（“音频”）；音频播放（）； } 您需要的代码如下： <head> <script> function play(){ var myAudio = document.getElementById("audio"); if(myAudio.paused) myAudio.play(); else myAudio.pa

这是我的代码，如果你能帮我，那就太好了谢谢


函数播放（）{
var audio=document.getElementById（“音频”）；
音频播放（）；
}

您需要的代码如下：

<head>
<script>
function play(){
  var myAudio = document.getElementById("audio");
  if(myAudio.paused)
    myAudio.play();
  else
    myAudio.pause();
}
</script>
</head>

<body>
<img src="SoundWave.gif" width="200" height="200" onclick="play();">
<audio id="audio" src="01.mp3"></audio>
</body>


函数播放（）{
var myAudio=document.getElementById（“音频”）；
如果（myAudio.paused）
myAudio.play（）；
其他的
myAudio.pause（）；
}

请注意，
标记没有值
属性您的代码是否有任何错误？您的意思是您只需要一个图像就可以在暂停/播放之间切换？好的，您只需检查音频是否已暂停，然后播放，否则，暂停it@EhsanT我该怎么做，我对网站格式很陌生我正在制作一个音频播放列表我会给你看我的新代码只是为了你的关注，我已经发布了一个答案！
<head>
<script>
function play(){
  var myAudio = document.getElementById("audio");
  if(myAudio.paused)
    myAudio.play();
  else
    myAudio.pause();
}
</script>
</head>

<body>
<img src="SoundWave.gif" width="200" height="200" onclick="play();">
<audio id="audio" src="01.mp3"></audio>
</body>