Zurück zur vorherige Lautstärke in Javascript

Question

ich auf einem Lautstärkeregler arbeite, wo Sie die Lautstärketaste klicken und es wird das Audio stumm zu schalten, und wenn Sie die Mute-Taste schlagen soll es zurück zur vorherige Audio-Einstellung zurückzukehren. Hier ist meine Herangehensweise:

Wenn die Lautstärkeschaltfläche angeklickt wird, speichert sie die Balkenbreite in der globalen Variablen stored_volume, sobald sie dies tut, ändert sie die Lautstärkeeinstellung auf 0%. Und zeigt die muteBtn

Wenn nun der muteBtn geklickt wird, sollte es dauern, dass stored_volume variabel und setzen es als das Volume, das Sie zurück gehen wollen, während auch

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

hier wieder auf das Symbol Lautstärke Änderung meiner

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 ist die schwarze Overlay während barEmpty die graue Farbe Hintergrund ist

Entschuldigung für meine schlechten malen Fähigkeiten!

PROBLEM: Wenn ich die Lautstärketaste klicken, wird die Lautstärke auf 0%, aber wenn ich die Mute-Taste klicken, um zum vorherigen Wert zurückzukehren, bleibt es bei 0%.

Answer 1

Howler.volume(parseInt(stored_volume)); 

versuchen, den Wert Parsen Sie aus dem Maß der Breite bekam, da es sich um eine Zeichenfolge war der Parameter, den Sie dem Howler.Volume() geben nicht als einen geeigneten Wert erkannt wird.