音量滑块自动保持静音

Question

我正在使用HTML 5，jQuery和Amplitude.js从头创建一个响应式音频播放器，用于直播。

在播放器的右侧是一个＆＃34;扬声器图标＆＃34;点击时，静音音量，但只是悬停时显示垂直音量滑块。

当音量滑块手柄处于MouseDown状态时，音频电平会相应减小或增加。但是在选择手柄进入MouseUp状态后，滑块手柄会跳到底部，有效地使音量静音。

我尝试使用JavaScript来停用为扬声器图标按钮创建的静音/取消静音切换类，因为音量滑块是静音/取消静音div的Child-div中的范围滑块，但我仍然无法停止滑块在MouseUp上静音。

请帮忙。

尝试禁用ToggleClass时编写的代码如下：

$(function volmute() {
$("#amplitude-mute").click(function () {
    $(this).toggleClass("unmute mute").siblings().removeClass("unmute mute");
 });
});

full jsFiddle of player

Answer 1

检查此更新的JSFiddle链接

因为您尚未在音量滑块上添加任何事件。并在卷容器amplitude-mute上添加了click事件。因此，每次点击滑块范围音量都会变为静音和取消静音。