Greasy Fork

Hi. Great script.

Would you consider adding a Mouse Wheel Event for volume mode or Rewind and fast fordward media?

chẳng hạn hêm code như này để tua tới hoặc tua lùi 5s:
document.addEventListener('wheel', function(event) {
// Kiểm tra xem người dùng đang sử dụng con lăn chuột lên hoặc xuống
if (event.deltaY > 0) {
// Lấy hướng di chuyển của con lăn chuột (lên hoặc xuống)
var deltaY = event.deltaY;

// Nếu con lăn chuột di chuyển xuống, tua lại 5s
if (deltaY > 0) {
event.target.style.transform = v.currentTime -= 5;
}
}
if (event.deltaY < 0) {
// Lấy hướng di chuyển của con lăn chuột (lên hoặc xuống)
var deltaY = event.deltaY;
// Nếu con lăn chuột di chuyển lên, tua tới 5s
if (deltaY < 0) {
event.target.style.transform = v.currentTime += 5;
}

// Ngăn chặn hành động mặc định của con lăn chuột
event.preventDefault();
}
});

this code i use for control video -> jump 5sec backwards / forwards: // Tạo một hàm xử lý sự kiện wheel
function handleWheel(event) {
// Kiểm tra xem sự kiện có phải là sự kiện wheel hay không
if (event.type === 'wheel') {
// Ngăn chặn hành vi mặc định của sự kiện wheel (cuộn trang)
event.preventDefault();
}
}

// Thêm event listener cho sự kiện wheel với chế độ passive
window.addEventListener('wheel', handleWheel, { passive: false });

document.addEventListener('wheel', function onWheel(event) {
// Kiểm tra xem người dùng đang sử dụng con lăn chuột lên hoặc xuống
if (event.deltaY > 0) {
// Lấy hướng di chuyển của con lăn chuột (lên hoặc xuống)
var deltaY = event.deltaY;

// Nếu con lăn chuột di chuyển xuống, tua lại 5s
if (deltaY > 0) {
event.target.style.transform = v.currentTime -= 5;
}
}
if (event.deltaY < 0) {
// Lấy hướng di chuyển của con lăn chuột (lên hoặc xuống)
var deltaY = event.deltaY;
// Nếu con lăn chuột di chuyển lên, tua tới 5s
if (deltaY < 0) {
event.target.style.transform = v.currentTime += 5;
}

// Ngăn chặn hành động mặc định của con lăn chuột
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();

// Passive event handler can call preventDefault() on wheel events to prevent scrolling the page
document.addEventListener('wheel', onWheel, { passive: false, capture: true });



}
});

Or use this code :

// Lấy tất cả các video và audio trên trang
const mediaElements = document.querySelectorAll('video, audio');

// Thời gian tua tới/lùi (5 giây)
const seekTime = 5;

// Hàm xử lý sự kiện wheel
function handleWheel(event) {
// Kiểm tra xem sự kiện có phải là sự kiện wheel hay không
if (event.type === 'wheel') {
// Kiểm tra xem con trỏ chuột có trên video hoặc audio hay không
const isOverMedia = Array.from(mediaElements).some(element => element.contains(event.target));

// Nếu con trỏ chuột ở trên video hoặc audio
if (isOverMedia) {
// Lấy phần tử media hiện tại
const currentMedia = Array.from(mediaElements).find(element => element.contains(event.target));

// Tua tới/lùi 5 giây
if (event.deltaY > 0) {
// Tua tới
currentMedia.currentTime = Math.min(currentMedia.duration, currentMedia.currentTime + seekTime);
} else {
// Tua lùi
currentMedia.currentTime = Math.max(0, currentMedia.currentTime - seekTime);
}
}
}
}

// Thêm event listener cho sự kiện wheel
window.addEventListener('wheel', handleWheel);

This code is Ok for all:
// Lấy tất cả các phần tử video và audio trên trang
const mediaElements = document.querySelectorAll('video, audio');

// Lấy tất cả các video và audio trên trang
function getMediaElements() {
return document.querySelectorAll('video, audio');
}

// Thời gian tua tới/lùi (5 giây)
const seekTime = 5;

// Hàm xử lý sự kiện wheel
function handleWheel(event) {
// Kiểm tra xem sự kiện có phải là sự kiện wheel hay không
if (event.type === 'wheel') {
// Lấy tất cả các video và audio trên trang
const mediaElements = getMediaElements();

// Kiểm tra xem con trỏ chuột có trên video hoặc audio hay không
const isOverMedia = Array.from(mediaElements).some(element => element.contains(event.target));

// Nếu con trỏ chuột ở trên video hoặc audio
if (isOverMedia) {
// Lấy phần tử media hiện tại
const v = Array.from(mediaElements).find(element => element.contains(event.target));
// Tắt hành động mặc định của chuột
event.preventDefault();
// Tua tới/lùi 5 giây
if (event.deltaY > 0) {
// Tua tới
v.currentTime = Math.min(vid.duration, v.currentTime - seekTime);
} else {
// Tua lùi
v.currentTime = Math.max(0, v.currentTime + seekTime);
}
}
}
}

// Thêm event listener cho sự kiện wheel
window.addEventListener('wheel', handleWheel);

// Thêm event listener cho sự kiện wheel với chế độ passive
window.addEventListener('wheel', handleWheel, { passive: false, capture: true });