Създавам от нулата адаптивен аудио плейър, използвайки HTML 5, jQuery и Amplitude.js за поточно предаване на живо.
От дясната страна на плейъра има „икона на високоговорител“, която при щракване заглушава звука, но когато просто задържите курсора, показва вертикален плъзгач за сила на звука.
Когато дръжката на плъзгача за сила на звука е в състояние MouseDown, нивата на звука намаляват или се увеличават съответно. След избор обаче, когато манипулаторът влезе в състояние MouseUp, манипулаторът на плъзгача скача надолу, като ефективно заглушава звука.
Опитах се да използвам JavaScript, за да деактивирам превключващия клас за заглушаване/включване на звука, създаден за бутона с икона на високоговорител, тъй като плъзгачът за сила на звука е плъзгач за обхват в Child-div на div за заглушаване/включване на звука, но все още не мога да спра плъзгача от заглушаване при MouseUp.
Моля помогнете.
Кодът, написан в опит за деактивиране на ToggleClass, е както следва:
$(function volmute() {
$("#amplitude-mute").click(function () {
$(this).toggleClass("unmute mute").siblings().removeClass("unmute mute");
});
});