在Javascript中返回上一个卷

Question

我正在使用音量滑块，您可以在其中单击音量按钮，它将使音频静音，当您按下静音按钮时，它应返回到先前的音频设置。这是我的方法：

单击音量按钮时，它会将条宽度存储在全局变量stored_volume中，一旦执行此操作，它会将音量设置更改为0％。并显示muteBtn

现在，当点击muteBtn时，它应该采用stored_volume变量并将其作为您想要返回的卷，同时还要更改回音量图标

var stored_volume;

volumeBtn.addEventListener('click', function () {

    if (volumeBtn.style.display = 'block') {
        stored_volume = barFull.style.width;  
        alert(stored_volume);
    }

    Howler.volume(0);
    barFull.style.width = (0) + '%';
    volumeBtn.style.display = 'none';
    muteBtn.style.display = 'block';
});

muteBtn.addEventListener('click', function () {

    Howler.volume(stored_volume);
    barFull.style.width = (stored_volume) + '%';
    volumeBtn.style.display = 'block';
    muteBtn.style.display = 'none';
});

这是我的HTML

<div class="volume-container">
    <div class="media-btn" id="volumeBtn"></div>
    <div class="media-btn" id="muteBtn"></div>
    <div id="volume">
        <div id="barFull" class="bar"></div>
        <div id="barEmpty" class="bar"></div>
        <div id="sliderBtn"></div>
    </div>                   
</div>

barFull是黑色叠加层，而barEmpty是灰色背景色

对不起我糟糕的油漆技巧！

问题：单击音量按钮时，音量降至0％，但当我单击静音按钮返回上一个值时，音量将保持为0％。

Answer 1

Howler.volume(parseInt(stored_volume));

尝试解析从宽度度量中获得的值，因为它是一个字符串，您给Howler.Volume()的参数不会被识别为适当的值。