administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 20:25:26 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Get scrubbing to next preview working

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-26 07:55:44 -07:00
parent 81f0c68b85
commit 5cbc0443f7
1 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/components/player/DynamicVideoPlayer.tsx
View File

@ -262,6 +262,7 @@ export default function DynamicVideoPlayer({
previewRef.current = player; previewRef.current = player;
player.pause(); player.pause();
player.on("seeked", () => controller.finishedSeeking()); player.on("seeked", () => controller.finishedSeeking());
player.on("loadeddata", () => controller.previewReady())
}} }}
onDispose={() => { onDispose={() => {
previewRef.current = undefined; previewRef.current = undefined;
@ -291,6 +292,7 @@ export class DynamicVideoController {
private preview: Preview | undefined = undefined; private preview: Preview | undefined = undefined;
private timeToSeek: number | undefined = undefined; private timeToSeek: number | undefined = undefined;
private seeking = false; private seeking = false;
private readyToScrub = true;
constructor( constructor(
playerRef: MutableRefObject<Player | undefined>, playerRef: MutableRefObject<Player | undefined>,
@ -410,25 +412,40 @@ export class DynamicVideoController {
if (time > this.preview.end) { if (time > this.preview.end) {
if (this.playerMode == "scrubbing") { if (this.playerMode == "scrubbing") {
this.fireClipEndEvent();
this.playerMode = "playback"; this.playerMode = "playback";
this.setScrubbing(false); this.setScrubbing(false);
this.timeToSeek = undefined; this.timeToSeek = undefined;
this.seeking = false; this.seeking = false;
this.readyToScrub = false;
this.fireClipEndEvent();
} }
return; return;
} }
if (!this.readyToScrub) {
return;
}
if (this.playerMode != "scrubbing") { if (this.playerMode != "scrubbing") {
this.playerMode = "scrubbing"; this.playerMode = "scrubbing";
this.playerRef.current?.pause(); this.playerRef.current?.pause();
this.setScrubbing(true); this.setScrubbing(true);
} }
console.log(
"scrubbing to " +
time +
" with current seek time " +
this.timeToSeek +
" and current player time " +
this.previewRef.current?.currentTime()
);
if (this.seeking) { if (this.seeking) {
this.timeToSeek = time; this.timeToSeek = time;
} else { } else {
this.previewRef.current?.currentTime(time - this.preview.start); console.log("player is being seeked to " + Math.max(0, time - this.preview.start))
this.previewRef.current?.currentTime(Math.max(0, time - this.preview.start));
this.seeking = true; this.seeking = true;
} }
} }
@ -449,4 +466,10 @@ export class DynamicVideoController {
this.seeking = false; this.seeking = false;
} }
} }
previewReady() {
console.log("the preview is ready")
this.previewRef.current?.pause()
this.readyToScrub = true;
}
} }