dylan/vod-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

PATCH right thumb not dragging video correctly

Browse Source
This commit is contained in:
Dylan De Faoite
2025-05-23 09:21:36 +02:00
parent 6bd5b517f6
commit 57dc71c482
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package-lock.json generated
View File

@@ -1,5 +1,5 @@
{ {
"name": "vodSystem", "name": "VoD-System",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {

7
package.json
View File

@@ -124,7 +124,7 @@
"workbox-core": "7.3.0", "workbox-core": "7.3.0",
"workbox-precaching": "7.3.0" "workbox-precaching": "7.3.0"
}, },
"hash": "c9aa2dc3684f659cdacbd7235263e79680332a1d6598b09ea248bfa5d0d96fa9" "hash": "6691688a44297a5558ef37db2e66ab96a2b26de25ce9dd16419318e19f092916"
}, },
"type": "module", "type": "module",
"overrides": { "overrides": {
@@ -155,6 +155,7 @@
"@tailwindcss/vite": "$@tailwindcss/vite", "@tailwindcss/vite": "$@tailwindcss/vite",
"react-router-dom": "$react-router-dom", "react-router-dom": "$react-router-dom",
"react-player": "$react-player", "react-player": "$react-player",
"react-range-slider-input": "$react-range-slider-input" "react-range-slider-input": "$react-range-slider-input",
"react-slider": "$react-slider"
} }
} }

10
src/main/frontend/views/video/{id}.tsx
View File

@@ -27,21 +27,21 @@ export default function video() {
const [metadata, setMetadata] = useState<VideoMetadata | null>(null); const [metadata, setMetadata] = useState<VideoMetadata | null>(null);
const [sliderValue, setSliderValue] = useState(0); const [sliderValue, setSliderValue] = useState(0);
let previousRangeSliderInput = [0, 0]; let previousRangeSliderInput = useRef<[number, number]>([0, 0]);
const handleRangeSliderInput = (val: [number, number]) => { const handleRangeSliderInput = (val: [number, number]) => {
if (!videoRef.current) { if (!videoRef.current) {
return; return;
} }
if (previousRangeSliderInput[0] != val[0]) { if (previousRangeSliderInput.current[0] != val[0]) {
videoRef.current.currentTime = val[0]; videoRef.current.currentTime = val[0];
setSliderValue(val[0]); setSliderValue(val[0]);
} else if (previousRangeSliderInput[1] != val[1]) { } else if (previousRangeSliderInput.current[1] != val[1]) {
videoRef.current.currentTime = val[1]; videoRef.current.currentTime = val[1];
setSliderValue(val[1]); setSliderValue(val[1]);
} }
previousRangeSliderInput = val; previousRangeSliderInput.current = val;
}; };
const updateVideoTag = (e: React.ChangeEvent<HTMLInputElement>) => { const updateVideoTag = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -50,7 +50,7 @@ export default function video() {
} }
setSliderValue(parseFloat(e.target.value)); setSliderValue(parseFloat(e.target.value));
//videoRef.current.currentTime = parseFloat(e.target.value); videoRef.current.currentTime = parseFloat(e.target.value);
}; };
useEffect(() => { useEffect(() => {