chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Web & ffmpeg bug fixes (#9525)

Browse Source 
* Fix scaling for long timeline lists

* Better handle taller video in player

* Fix birdseye options

* Fix ffmpeg auto detect
This commit is contained in:
Nicolas Mowen
2024-02-01 05:44:10 -07:00
committed by GitHub
parent af3f6dadcb
commit c5819478d3
5 changed files with 47 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/views/history/DesktopTimelineView.tsx
View File

@@ -109,7 +109,7 @@ export default function DesktopTimelineView({
return (
<div className="w-full flex flex-col">
<div className="flex max-h-[60%]">
<div className="flex mt-2 max-h-[60%]">
<DynamicVideoPlayer
className="w-2/3 bg-black flex justify-center items-center"
camera={initialPlayback.camera}
@@ -129,22 +129,24 @@ export default function DesktopTimelineView({
}
}}
/>
<div className="px-2 h-full w-1/3 overflow-y-auto overflow-x-hidden">
{selectedPlayback.timelineItems.map((timeline) => {
return (
<TimelineItemCard
key={timeline.timestamp}
timeline={timeline}
relevantPreview={selectedPlayback.relevantPreview}
onSelect={() => {
controllerRef.current?.seekToTimelineItem(timeline);
}}
/>
);
})}
<div className="relative h-full w-1/3">
<div className="absolute px-2 left-0 top-0 right-0 bottom-0 overflow-y-auto overflow-x-hidden">
{selectedPlayback.timelineItems.map((timeline) => {
return (
<TimelineItemCard
key={timeline.timestamp}
timeline={timeline}
relevantPreview={selectedPlayback.relevantPreview}
onSelect={() => {
controllerRef.current?.seekToTimelineItem(timeline);
}}
/>
);
})}
</div>
</div>
</div>
<div className="mt-4 w-full h-full relative">
<div className="relative mt-4 w-full h-full">
<div className="absolute left-0 top-0 right-0 bottom-0 overflow-auto">
{timelineStack.playbackItems.map((timeline) => {
const isInitiallySelected =