如何制作音频播放/暂停按钮？

Question

我最近学会了如下嵌入音频html。

<audio controls> 
    <source src="sample.ogg" type="audio/ogg"> 
    <source src="sample.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

该款显示器类似，上面有各种选项，如暂停/播放，下载，设置音量等

但是矩形我不是这个“音频播放矩形”怎么能有一个按钮，当点击播放音频一次，并在播放音频时单击它并暂停播放，然后再次单击连续播放。

Answer 1

您可以使用Javascript来执行此类操作。

请尝试以下

var myAudio = document.getElementById("myAudio"); 
var isPlaying = false; 

function togglePlay() { 
    if (isPlaying) { 
    myAudio.pause() 
    } else { 
    myAudio.play(); 
    } 
}; 
myAudio.onplaying = function() { 
    isPlaying = true; 
}; 
myAudio.onpause = function() { 
    isPlaying = false; 
}; 

只需更换参数到你。