Surface balance and volume messages

This commit is contained in:
Jordan Eldredge 2014-11-04 21:17:31 -08:00
parent 1696f353ac
commit cc41fd7d20
2 changed files with 20 additions and 0 deletions

View file

@ -190,6 +190,13 @@ a:focus { outline: none; }
display: block;
}
.setting-volume #song-title { display: none; }
.setting-volume #balance-message { display: none; }
.setting-volume #volume-message { display: block; }
.setting-balance #song-title { display: none; }
.setting-balance #volume-message { display: none; }
.setting-balance #balance-message { display: block; }
.media-info #kbps {
position: absolute;
left: 111px;

View file

@ -154,6 +154,13 @@ function Winamp () {
self.loadFileViaReference(file);
}
this.nodes.volume.onmousedown = function() {
self.nodes.winamp.classList.add('setting-volume');
}
this.nodes.volume.onmouseup = function() {
self.nodes.winamp.classList.remove('setting-volume');
}
this.nodes.volume.oninput = function() {
setVolume( this.value / 100);
string = 'Volume: ' + this.value + '%';
@ -168,6 +175,12 @@ function Winamp () {
self.media.seekToPercentComplete(this.value);
}
this.nodes.balance.onmousedown = function() {
self.nodes.winamp.classList.add('setting-balance');
}
this.nodes.balance.onmouseup = function() {
self.nodes.winamp.classList.remove('setting-balance');
}
this.nodes.balance.oninput = function() {
setBalance( Math.abs(this.value) / 100);
var string = '';