Jquery 如何添加音量条？

HTML

JQUERY

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

$（'#mtoogle'）。切换(
函数（）{
document.getElementById（'playTune'）.pause（）；
},
函数（）{
document.getElementById（'playTune'）.play（）；
}
);

我在网上找到了这个代码

如何在这个一键播放器中添加音量条

我不需要进度条，因为它在默认播放器中出现

---

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

控制装置在哪里？谢谢。事实上我有。我想做的是a）删除进度条。2） 把音乐循环播放。我只需要一个巨大的播放图标（我可以做）和一个音量条。我该怎么做呢？在这种情况下，您需要隐藏音频播放器，创建适合您需要的div，然后使用JavaScript操纵播放/暂停，并且可以通过以下方式更改音量：VideoElement.volume=0.7；这篇MDN文章列出了媒体元素的有用属性，音频元素是从中派生出来的：

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

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