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'; 
}); 

を変えながらバックに行きたいボリュームはここに私のだとしてそれを入れて表示されbarEmptyは灰色背景色

01である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は黒オーバーレイであります

私の貧しいペイントスキルには申し訳ありません！

問題：音量ボタンをクリックすると音量が0％に下がりますが、ミュートボタンをクリックして前の値に戻ると0％にとどまります。

Answer 1

Howler.volume(parseInt(stored_volume)); 

は、それはあなたがHowler.Volume()に与えるパラメータが適切な値として認識されていない文字列だったので、あなたは幅の測定から得た値を解析してみてください。