如何添加音量条？

Question

HTML

<a id="mtoogle" style="cursor:pointer;">
<img src="www.xyz.com/uploads/speaker.png"></a>
<audio id="playTune" autoplay>
<source src="sound1.mp3">
</audio>

JQUERY

<script type="text/javascript">
$('#mtoogle').toggle(
function () {
document.getElementById('playTune').pause();
},
function () {
document.getElementById('playTune').play();
}
);
</script>

我在网上找到了这个代码。

1. 如何为这个按钮播放器添加音量条？
2. 我不需要进度条，因为它是默认播放器。

Answer 1

<audio id="playTune" autoplay controls>
    <source src="sound1.mp3">
</audio>

在音频（或视频）减速中使用“控制”。