matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: improve player seek behavior

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-10-13 13:27:40 +02:00
parent fbdd860569
commit 3b77acbff0
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/pl-fe/src/features/video/index.tsx
View File

@ -222,6 +222,18 @@ const Video: React.FC<IVideo> = ({
}, 60);
const handleMouseDown: React.MouseEventHandler = e => {
const wasPlaying = !paused;
const handleMouseUp = () => {
document.removeEventListener('mousemove', handleMouseMove, true);
document.removeEventListener('mouseup', handleMouseUp, true);
document.removeEventListener('touchmove', handleMouseMove, true);
document.removeEventListener('touchend', handleMouseUp, true);
setDragging(false);
if (wasPlaying) video.current?.play();
};
document.addEventListener('mousemove', handleMouseMove, true);
document.addEventListener('mouseup', handleMouseUp, true);
document.addEventListener('touchmove', handleMouseMove, true);
@ -235,15 +247,6 @@ const Video: React.FC<IVideo> = ({
e.stopPropagation();
};
const handleMouseUp = () => {
document.removeEventListener('mousemove', handleMouseMove, true);
document.removeEventListener('mouseup', handleMouseUp, true);
document.removeEventListener('touchmove', handleMouseMove, true);
document.removeEventListener('touchend', handleMouseUp, true);
setDragging(false);
video.current?.play();
};
const handleMouseMove = throttle(e => {
if (seek.current && video.current) {