返回到Javascript的上一卷

Question

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

单击音量按钮后，它将条形宽度存储在全局变量stored_volume中，然后将音量设置更改为0％。 并显示muteBtn

现在，当单击了mutableBtn时，它应该使用该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()的参数未被识别为适当的值。