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

Hide motion playback controls during scrubbing

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-05 06:22:11 -06:00
parent fb7cfe5471
commit 6f799869ef
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
web/src/views/events/EventView.tsx
View File

@ -898,35 +898,37 @@ function MotionReview({
)} )}
</div> </div>
<VideoControls {!scrubbing && (
className="absolute bottom-16 left-1/2 -translate-x-1/2" <VideoControls
features={{ className="absolute bottom-16 left-1/2 -translate-x-1/2"
volume: false, features={{
seek: true, volume: false,
playbackRate: true, seek: true,
}} playbackRate: true,
isPlaying={playing} }}
playbackRates={[4, 8, 12, 16]} isPlaying={playing}
playbackRate={playbackRate} playbackRates={[4, 8, 12, 16]}
controlsOpen={controlsOpen} playbackRate={playbackRate}
setControlsOpen={setControlsOpen} controlsOpen={controlsOpen}
onPlayPause={setPlaying} setControlsOpen={setControlsOpen}
onSeek={(diff) => { onPlayPause={setPlaying}
const wasPlaying = playing; onSeek={(diff) => {
const wasPlaying = playing;
if (wasPlaying) { if (wasPlaying) {
setPlaying(false); setPlaying(false);
} }
setCurrentTime(currentTime + diff); setCurrentTime(currentTime + diff);
if (wasPlaying) { if (wasPlaying) {
setTimeout(() => setPlaying(true), 100); setTimeout(() => setPlaying(true), 100);
} }
}} }}
onSetPlaybackRate={setPlaybackRate} onSetPlaybackRate={setPlaybackRate}
show={currentTime < timeRange.before - 4} show={currentTime < timeRange.before - 4}
/> />
)}
</> </>
); );
} }