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

Set aspect ratio for player correctly

Browse Source
This commit is contained in:
Nick Mowen 2023-12-30 11:51:02 -07:00
parent 6807400314
commit 5e2225b8ac
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@ -214,10 +214,11 @@ function PreviewContent({
} else {
return (
<>
<div className={`${getPreviewWidth(camera, config)}`}>
<div className="w-full">
<VideoPlayer
options={{
preload: "auto",
aspectRatio: "16:9",
autoplay: true,
controls: false,
muted: true,
@ -263,12 +264,12 @@ function isCurrentHour(timestamp: number) {
function getPreviewWidth(camera: string, config: FrigateConfig) {
const detect = config.cameras[camera].detect;
if (detect.width / detect.height < 1.0) {
return "w-[120px]";
if (detect.width / detect.height < 1) {
return "w-1/2";
}
if (detect.width / detect.height < 1.4) {
return "w-[208px]";
if (detect.width / detect.height < 16 / 9) {
return "w-2/3";
}
return "w-full";