adjust volume with scroll wheel
This commit is contained in:
parent
0ef2db58ea
commit
e4210300ce
@ -29,6 +29,7 @@ function setupVideo(thumb, url) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Create video element if does not exist yet
|
||||||
function getVideo() {
|
function getVideo() {
|
||||||
if (video == null) {
|
if (video == null) {
|
||||||
video = document.createElement("video");
|
video = document.createElement("video");
|
||||||
@ -70,6 +71,7 @@ function setupVideo(thumb, url) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Clicking on thumbnail expands video
|
||||||
thumb.addEventListener("click", function(e) {
|
thumb.addEventListener("click", function(e) {
|
||||||
if (setting("videoexpand") && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
if (setting("videoexpand") && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
||||||
getVideo();
|
getVideo();
|
||||||
@ -106,6 +108,7 @@ function setupVideo(thumb, url) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Hovering over thumbnail displays video
|
||||||
thumb.addEventListener("mouseover", function(e) {
|
thumb.addEventListener("mouseover", function(e) {
|
||||||
if (setting("videohover")) {
|
if (setting("videohover")) {
|
||||||
getVideo();
|
getVideo();
|
||||||
@ -140,6 +143,24 @@ function setupVideo(thumb, url) {
|
|||||||
|
|
||||||
thumb.addEventListener("mouseout", unhover, false);
|
thumb.addEventListener("mouseout", unhover, false);
|
||||||
|
|
||||||
|
// Scroll wheel on thumbnail adjusts default volume
|
||||||
|
thumb.addEventListener("wheel", function(e) {
|
||||||
|
if (setting("videohover")) {
|
||||||
|
var volume = setting("videovolume");
|
||||||
|
if (e.deltaY > 0) volume -= 0.1;
|
||||||
|
if (e.deltaY < 0) volume += 0.1;
|
||||||
|
if (volume < 0) volume = 0;
|
||||||
|
if (volume > 1) volume = 1;
|
||||||
|
if (video != null) {
|
||||||
|
video.muted = (volume == 0);
|
||||||
|
video.volume = volume;
|
||||||
|
}
|
||||||
|
changeSetting("videovolume", volume);
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
// [play once] vs [loop] controls
|
||||||
function setupLoopControl(i) {
|
function setupLoopControl(i) {
|
||||||
loopControls[i].addEventListener("click", function(e) {
|
loopControls[i].addEventListener("click", function(e) {
|
||||||
loop = (i != 0);
|
loop = (i != 0);
|
||||||
@ -182,8 +203,13 @@ function setupVideosIn(element) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (window.addEventListener) window.addEventListener("load", function(e) {
|
if (window.addEventListener) window.addEventListener("load", function(e) {
|
||||||
document.body.insertBefore(settingsMenu, document.body.firstChild);
|
// Insert menu from settings.js
|
||||||
|
if (typeof settingsMenu != "undefined") document.body.insertBefore(settingsMenu, document.body.firstChild);
|
||||||
|
|
||||||
|
// Setup Javascript events for videos in document now
|
||||||
setupVideosIn(document);
|
setupVideosIn(document);
|
||||||
|
|
||||||
|
// Setup Javascript events for videos added by updater
|
||||||
if (window.MutationObserver) {
|
if (window.MutationObserver) {
|
||||||
var observer = new MutationObserver(function(mutations) {
|
var observer = new MutationObserver(function(mutations) {
|
||||||
for (var i = 0; i < mutations.length; i++) {
|
for (var i = 0; i < mutations.length; i++) {
|
||||||
|
11
settings.js
11
settings.js
@ -3,10 +3,15 @@ function setting(name) {
|
|||||||
return JSON.parse(localStorage[name]);
|
return JSON.parse(localStorage[name]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Settings should be changed with this function
|
||||||
|
function changeSetting(name, value) {
|
||||||
|
localStorage[name] = JSON.stringify(value);
|
||||||
|
}
|
||||||
|
|
||||||
// Default settings
|
// Default settings
|
||||||
function setDefault(name, value) {
|
function setDefault(name, value) {
|
||||||
if (!(name in localStorage)) {
|
if (!(name in localStorage)) {
|
||||||
localStorage[name] = JSON.stringify(value);
|
changeSetting(name, value);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
setDefault("videoexpand", true);
|
setDefault("videoexpand", true);
|
||||||
@ -38,9 +43,9 @@ function refreshSettings() {
|
|||||||
function setupControl(control) {
|
function setupControl(control) {
|
||||||
if (control.addEventListener) control.addEventListener("change", function(e) {
|
if (control.addEventListener) control.addEventListener("change", function(e) {
|
||||||
if (control.type == "checkbox") {
|
if (control.type == "checkbox") {
|
||||||
localStorage[control.name] = JSON.stringify(control.checked);
|
changeSetting(control.name, control.checked);
|
||||||
} else if (control.type == "range") {
|
} else if (control.type == "range") {
|
||||||
localStorage[control.name] = JSON.stringify(control.value);
|
changeSetting(control.name, control.value);
|
||||||
}
|
}
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user