Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-10 09:33:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use input instead of change for volume control

Browse source
This commit is contained in:
Fernando Jiménez Moreno 2019-04-18 11:50:09 +02:00
parent a664449681
commit aad5b23e2b
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
resources/media_controls.js
View file

@ -160,7 +160,7 @@
this.controlEvents = [ this.controlEvents = [
{ el: this.elements.playPauseButton, type: "click"}, { el: this.elements.playPauseButton, type: "click"},
{ el: this.elements.volumeSwitch, type: "click" }, { el: this.elements.volumeSwitch, type: "click" },
{ el: this.elements.volumeLevel, type: "change" }, { el: this.elements.volumeLevel, type: "input" },
]; ];
this.controlEvents.forEach(({ el, type }) => { this.controlEvents.forEach(({ el, type }) => {
el.addEventListener(type, this); el.addEventListener(type, this);
@ -269,10 +269,10 @@
break; break;
} }
break; break;
case "change": case "input":
switch (event.currentTarget) { switch (event.currentTarget) {
case this.elements.volumeLevel: case this.elements.volumeLevel:
this.render(); this.changeVolume();
break; break;
} }
break; break;
@ -322,6 +322,13 @@
muteUnmute() { muteUnmute() {
this.media.muted = !this.media.muted; this.media.muted = !this.media.muted;
} }
changeVolume() {
const volume = parseInt(this.elements.volumeLevel.value);
if (!isNaN(volume)) {
this.media.volume = volume / 100;
}
}
} }
new MediaControls(); new MediaControls();