mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-12-21 12:36:42 +03:00
Compare commits
24 Commits
2a2fed8bfd
...
1687ed3d06
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1687ed3d06 | ||
|
|
10933f2274 | ||
|
|
c5ddfe7b90 | ||
|
|
2e92528d1e | ||
|
|
55a12302d0 | ||
|
|
30f6383c86 | ||
|
|
f166a2bfb3 | ||
|
|
27d3079cc7 | ||
|
|
6bf2fc005d | ||
|
|
4039363d77 | ||
|
|
5ff6c46335 | ||
|
|
1de75b6347 | ||
|
|
076313752e | ||
|
|
a4a7e36649 | ||
|
|
d2bc2e1802 | ||
|
|
c31476b953 | ||
|
|
2cf58b20aa | ||
|
|
438b1db4dd | ||
|
|
c9e9dd25f9 | ||
|
|
1368050598 | ||
|
|
ce7d0a2b6a | ||
|
|
ace0bab97e | ||
|
|
c932ad6e37 | ||
|
|
fbf4388b37 |
@ -3,18 +3,18 @@ id: license_plate_recognition
|
|||||||
title: License Plate Recognition (LPR)
|
title: License Plate Recognition (LPR)
|
||||||
---
|
---
|
||||||
|
|
||||||
Frigate can recognize license plates on vehicles and automatically add the detected characters to the `recognized_license_plate` field or a known name as a `sub_label` to tracked objects of type `car` or `motorcycle`. A common use case may be to read the license plates of cars pulling into a driveway or cars passing by on a street.
|
Frigate can recognize license plates on vehicles and automatically add the detected characters to the `recognized_license_plate` field or a [known](#matching) name as a `sub_label` to tracked objects of type `car` or `motorcycle`. A common use case may be to read the license plates of cars pulling into a driveway or cars passing by on a street.
|
||||||
|
|
||||||
LPR works best when the license plate is clearly visible to the camera. For moving vehicles, Frigate continuously refines the recognition process, keeping the most confident result. When a vehicle becomes stationary, LPR continues to run for a short time after to attempt recognition.
|
LPR works best when the license plate is clearly visible to the camera. For moving vehicles, Frigate continuously refines the recognition process, keeping the most confident result. When a vehicle becomes stationary, LPR continues to run for a short time after to attempt recognition.
|
||||||
|
|
||||||
When a plate is recognized, the details are:
|
When a plate is recognized, the details are:
|
||||||
|
|
||||||
- Added as a `sub_label` (if known) or the `recognized_license_plate` field (if unknown) to a tracked object.
|
- Added as a `sub_label` (if [known](#matching)) or the `recognized_license_plate` field (if unknown) to a tracked object.
|
||||||
- Viewable in the Review Item Details pane in Review (sub labels).
|
- Viewable in the Details pane in Review/History.
|
||||||
- Viewable in the Tracked Object Details pane in Explore (sub labels and recognized license plates).
|
- Viewable in the Tracked Object Details pane in Explore (sub labels and recognized license plates).
|
||||||
- Filterable through the More Filters menu in Explore.
|
- Filterable through the More Filters menu in Explore.
|
||||||
- Published via the `frigate/events` MQTT topic as a `sub_label` (known) or `recognized_license_plate` (unknown) for the `car` or `motorcycle` tracked object.
|
- Published via the `frigate/events` MQTT topic as a `sub_label` ([known](#matching)) or `recognized_license_plate` (unknown) for the `car` or `motorcycle` tracked object.
|
||||||
- Published via the `frigate/tracked_object_update` MQTT topic with `name` (if known) and `plate`.
|
- Published via the `frigate/tracked_object_update` MQTT topic with `name` (if [known](#matching)) and `plate`.
|
||||||
|
|
||||||
## Model Requirements
|
## Model Requirements
|
||||||
|
|
||||||
@ -31,6 +31,7 @@ In the default mode, Frigate's LPR needs to first detect a `car` or `motorcycle`
|
|||||||
## Minimum System Requirements
|
## Minimum System Requirements
|
||||||
|
|
||||||
License plate recognition works by running AI models locally on your system. The YOLOv9 plate detector model and the OCR models ([PaddleOCR](https://github.com/PaddlePaddle/PaddleOCR)) are relatively lightweight and can run on your CPU or GPU, depending on your configuration. At least 4GB of RAM is required.
|
License plate recognition works by running AI models locally on your system. The YOLOv9 plate detector model and the OCR models ([PaddleOCR](https://github.com/PaddlePaddle/PaddleOCR)) are relatively lightweight and can run on your CPU or GPU, depending on your configuration. At least 4GB of RAM is required.
|
||||||
|
|
||||||
## Configuration
|
## Configuration
|
||||||
|
|
||||||
License plate recognition is disabled by default. Enable it in your config file:
|
License plate recognition is disabled by default. Enable it in your config file:
|
||||||
@ -73,8 +74,8 @@ Fine-tune the LPR feature using these optional parameters at the global level of
|
|||||||
- Default: `small`
|
- Default: `small`
|
||||||
- This can be `small` or `large`.
|
- This can be `small` or `large`.
|
||||||
- The `small` model is fast and identifies groups of Latin and Chinese characters.
|
- The `small` model is fast and identifies groups of Latin and Chinese characters.
|
||||||
- The `large` model identifies Latin characters only, but uses an enhanced text detector and is more capable at finding characters on multi-line plates. It is significantly slower than the `small` model. Note that using the `large` model does not improve _text recognition_, but it may improve _text detection_.
|
- The `large` model identifies Latin characters only, and uses an enhanced text detector to find characters on multi-line plates. It is significantly slower than the `small` model.
|
||||||
- For most users, the `small` model is recommended.
|
- If your country or region does not use multi-line plates, you should use the `small` model as performance is much better for single-line plates.
|
||||||
|
|
||||||
### Recognition
|
### Recognition
|
||||||
|
|
||||||
@ -177,7 +178,7 @@ lpr:
|
|||||||
|
|
||||||
:::note
|
:::note
|
||||||
|
|
||||||
If you want to detect cars on cameras but don't want to use resources to run LPR on those cars, you should disable LPR for those specific cameras.
|
If a camera is configured to detect `car` or `motorcycle` but you don't want Frigate to run LPR for that camera, disable LPR at the camera level:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
cameras:
|
cameras:
|
||||||
@ -305,7 +306,7 @@ With this setup:
|
|||||||
- Review items will always be classified as a `detection`.
|
- Review items will always be classified as a `detection`.
|
||||||
- Snapshots will always be saved.
|
- Snapshots will always be saved.
|
||||||
- Zones and object masks are **not** used.
|
- Zones and object masks are **not** used.
|
||||||
- The `frigate/events` MQTT topic will **not** publish tracked object updates with the license plate bounding box and score, though `frigate/reviews` will publish if recordings are enabled. If a plate is recognized as a known plate, publishing will occur with an updated `sub_label` field. If characters are recognized, publishing will occur with an updated `recognized_license_plate` field.
|
- The `frigate/events` MQTT topic will **not** publish tracked object updates with the license plate bounding box and score, though `frigate/reviews` will publish if recordings are enabled. If a plate is recognized as a [known](#matching) plate, publishing will occur with an updated `sub_label` field. If characters are recognized, publishing will occur with an updated `recognized_license_plate` field.
|
||||||
- License plate snapshots are saved at the highest-scoring moment and appear in Explore.
|
- License plate snapshots are saved at the highest-scoring moment and appear in Explore.
|
||||||
- Debug view will not show `license_plate` bounding boxes.
|
- Debug view will not show `license_plate` bounding boxes.
|
||||||
|
|
||||||
|
|||||||
@ -141,7 +141,7 @@ Triggers are best configured through the Frigate UI.
|
|||||||
Check the `Add Attribute` box to add the trigger's internal ID (e.g., "red_car_alert") to a data attribute on the tracked object that can be processed via the API or MQTT.
|
Check the `Add Attribute` box to add the trigger's internal ID (e.g., "red_car_alert") to a data attribute on the tracked object that can be processed via the API or MQTT.
|
||||||
5. Save the trigger to update the configuration and store the embedding in the database.
|
5. Save the trigger to update the configuration and store the embedding in the database.
|
||||||
|
|
||||||
When a trigger fires, the UI highlights the trigger with a blue dot for 3 seconds for easy identification.
|
When a trigger fires, the UI highlights the trigger with a blue dot for 3 seconds for easy identification. Additionally, the UI will show the last date/time and tracked object ID that activated your trigger. The last triggered timestamp is not saved to the database or persisted through restarts of Frigate.
|
||||||
|
|
||||||
### Usage and Best Practices
|
### Usage and Best Practices
|
||||||
|
|
||||||
|
|||||||
@ -1781,9 +1781,8 @@ def create_trigger_embedding(
|
|||||||
logger.debug(
|
logger.debug(
|
||||||
f"Writing thumbnail for trigger with data {body.data} in {camera_name}."
|
f"Writing thumbnail for trigger with data {body.data} in {camera_name}."
|
||||||
)
|
)
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception(
|
||||||
logger.error(
|
|
||||||
f"Failed to write thumbnail for trigger with data {body.data} in {camera_name}"
|
f"Failed to write thumbnail for trigger with data {body.data} in {camera_name}"
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -1807,8 +1806,8 @@ def create_trigger_embedding(
|
|||||||
status_code=200,
|
status_code=200,
|
||||||
)
|
)
|
||||||
|
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception("Error creating trigger embedding")
|
||||||
return JSONResponse(
|
return JSONResponse(
|
||||||
content={
|
content={
|
||||||
"success": False,
|
"success": False,
|
||||||
@ -1917,9 +1916,8 @@ def update_trigger_embedding(
|
|||||||
logger.debug(
|
logger.debug(
|
||||||
f"Deleted thumbnail for trigger with data {trigger.data} in {camera_name}."
|
f"Deleted thumbnail for trigger with data {trigger.data} in {camera_name}."
|
||||||
)
|
)
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception(
|
||||||
logger.error(
|
|
||||||
f"Failed to delete thumbnail for trigger with data {trigger.data} in {camera_name}"
|
f"Failed to delete thumbnail for trigger with data {trigger.data} in {camera_name}"
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -1958,9 +1956,8 @@ def update_trigger_embedding(
|
|||||||
logger.debug(
|
logger.debug(
|
||||||
f"Writing thumbnail for trigger with data {body.data} in {camera_name}."
|
f"Writing thumbnail for trigger with data {body.data} in {camera_name}."
|
||||||
)
|
)
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception(
|
||||||
logger.error(
|
|
||||||
f"Failed to write thumbnail for trigger with data {body.data} in {camera_name}"
|
f"Failed to write thumbnail for trigger with data {body.data} in {camera_name}"
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -1972,8 +1969,8 @@ def update_trigger_embedding(
|
|||||||
status_code=200,
|
status_code=200,
|
||||||
)
|
)
|
||||||
|
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception("Error updating trigger embedding")
|
||||||
return JSONResponse(
|
return JSONResponse(
|
||||||
content={
|
content={
|
||||||
"success": False,
|
"success": False,
|
||||||
@ -2033,9 +2030,8 @@ def delete_trigger_embedding(
|
|||||||
logger.debug(
|
logger.debug(
|
||||||
f"Deleted thumbnail for trigger with data {trigger.data} in {camera_name}."
|
f"Deleted thumbnail for trigger with data {trigger.data} in {camera_name}."
|
||||||
)
|
)
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception(
|
||||||
logger.error(
|
|
||||||
f"Failed to delete thumbnail for trigger with data {trigger.data} in {camera_name}"
|
f"Failed to delete thumbnail for trigger with data {trigger.data} in {camera_name}"
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -2047,8 +2043,8 @@ def delete_trigger_embedding(
|
|||||||
status_code=200,
|
status_code=200,
|
||||||
)
|
)
|
||||||
|
|
||||||
except Exception as e:
|
except Exception:
|
||||||
logger.error(e.with_traceback())
|
logger.exception("Error deleting trigger embedding")
|
||||||
return JSONResponse(
|
return JSONResponse(
|
||||||
content={
|
content={
|
||||||
"success": False,
|
"success": False,
|
||||||
|
|||||||
@ -136,6 +136,7 @@ class CameraMaintainer(threading.Thread):
|
|||||||
self.ptz_metrics[name],
|
self.ptz_metrics[name],
|
||||||
self.region_grids[name],
|
self.region_grids[name],
|
||||||
self.stop_event,
|
self.stop_event,
|
||||||
|
self.config.logger,
|
||||||
)
|
)
|
||||||
self.camera_processes[config.name] = camera_process
|
self.camera_processes[config.name] = camera_process
|
||||||
camera_process.start()
|
camera_process.start()
|
||||||
@ -156,7 +157,11 @@ class CameraMaintainer(threading.Thread):
|
|||||||
self.frame_manager.create(f"{config.name}_frame{i}", frame_size)
|
self.frame_manager.create(f"{config.name}_frame{i}", frame_size)
|
||||||
|
|
||||||
capture_process = CameraCapture(
|
capture_process = CameraCapture(
|
||||||
config, count, self.camera_metrics[name], self.stop_event
|
config,
|
||||||
|
count,
|
||||||
|
self.camera_metrics[name],
|
||||||
|
self.stop_event,
|
||||||
|
self.config.logger,
|
||||||
)
|
)
|
||||||
capture_process.daemon = True
|
capture_process.daemon = True
|
||||||
self.capture_processes[name] = capture_process
|
self.capture_processes[name] = capture_process
|
||||||
|
|||||||
@ -132,17 +132,15 @@ class ReviewDescriptionProcessor(PostProcessorApi):
|
|||||||
|
|
||||||
if image_source == ImageSourceEnum.recordings:
|
if image_source == ImageSourceEnum.recordings:
|
||||||
duration = final_data["end_time"] - final_data["start_time"]
|
duration = final_data["end_time"] - final_data["start_time"]
|
||||||
buffer_extension = min(
|
buffer_extension = min(5, duration * RECORDING_BUFFER_EXTENSION_PERCENT)
|
||||||
10, max(2, duration * RECORDING_BUFFER_EXTENSION_PERCENT)
|
|
||||||
)
|
|
||||||
|
|
||||||
# Ensure minimum total duration for short review items
|
# Ensure minimum total duration for short review items
|
||||||
# This provides better context for brief events
|
# This provides better context for brief events
|
||||||
total_duration = duration + (2 * buffer_extension)
|
total_duration = duration + (2 * buffer_extension)
|
||||||
if total_duration < MIN_RECORDING_DURATION:
|
if total_duration < MIN_RECORDING_DURATION:
|
||||||
# Expand buffer to reach minimum duration, still respecting max of 10s per side
|
# Expand buffer to reach minimum duration, still respecting max of 5s per side
|
||||||
additional_buffer_per_side = (MIN_RECORDING_DURATION - duration) / 2
|
additional_buffer_per_side = (MIN_RECORDING_DURATION - duration) / 2
|
||||||
buffer_extension = min(10, additional_buffer_per_side)
|
buffer_extension = min(5, additional_buffer_per_side)
|
||||||
|
|
||||||
thumbs = self.get_recording_frames(
|
thumbs = self.get_recording_frames(
|
||||||
camera,
|
camera,
|
||||||
|
|||||||
@ -424,7 +424,7 @@ class FaceRealTimeProcessor(RealTimeProcessorApi):
|
|||||||
|
|
||||||
if not res:
|
if not res:
|
||||||
return {
|
return {
|
||||||
"message": "No face was recognized.",
|
"message": "Model is still training, please try again in a few moments.",
|
||||||
"success": False,
|
"success": False,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -16,7 +16,7 @@ from frigate.comms.recordings_updater import (
|
|||||||
RecordingsDataSubscriber,
|
RecordingsDataSubscriber,
|
||||||
RecordingsDataTypeEnum,
|
RecordingsDataTypeEnum,
|
||||||
)
|
)
|
||||||
from frigate.config import CameraConfig, DetectConfig, ModelConfig
|
from frigate.config import CameraConfig, DetectConfig, LoggerConfig, ModelConfig
|
||||||
from frigate.config.camera.camera import CameraTypeEnum
|
from frigate.config.camera.camera import CameraTypeEnum
|
||||||
from frigate.config.camera.updater import (
|
from frigate.config.camera.updater import (
|
||||||
CameraConfigUpdateEnum,
|
CameraConfigUpdateEnum,
|
||||||
@ -539,6 +539,7 @@ class CameraCapture(FrigateProcess):
|
|||||||
shm_frame_count: int,
|
shm_frame_count: int,
|
||||||
camera_metrics: CameraMetrics,
|
camera_metrics: CameraMetrics,
|
||||||
stop_event: MpEvent,
|
stop_event: MpEvent,
|
||||||
|
log_config: LoggerConfig | None = None,
|
||||||
) -> None:
|
) -> None:
|
||||||
super().__init__(
|
super().__init__(
|
||||||
stop_event,
|
stop_event,
|
||||||
@ -549,9 +550,10 @@ class CameraCapture(FrigateProcess):
|
|||||||
self.config = config
|
self.config = config
|
||||||
self.shm_frame_count = shm_frame_count
|
self.shm_frame_count = shm_frame_count
|
||||||
self.camera_metrics = camera_metrics
|
self.camera_metrics = camera_metrics
|
||||||
|
self.log_config = log_config
|
||||||
|
|
||||||
def run(self) -> None:
|
def run(self) -> None:
|
||||||
self.pre_run_setup()
|
self.pre_run_setup(self.log_config)
|
||||||
camera_watchdog = CameraWatchdog(
|
camera_watchdog = CameraWatchdog(
|
||||||
self.config,
|
self.config,
|
||||||
self.shm_frame_count,
|
self.shm_frame_count,
|
||||||
@ -577,6 +579,7 @@ class CameraTracker(FrigateProcess):
|
|||||||
ptz_metrics: PTZMetrics,
|
ptz_metrics: PTZMetrics,
|
||||||
region_grid: list[list[dict[str, Any]]],
|
region_grid: list[list[dict[str, Any]]],
|
||||||
stop_event: MpEvent,
|
stop_event: MpEvent,
|
||||||
|
log_config: LoggerConfig | None = None,
|
||||||
) -> None:
|
) -> None:
|
||||||
super().__init__(
|
super().__init__(
|
||||||
stop_event,
|
stop_event,
|
||||||
@ -592,9 +595,10 @@ class CameraTracker(FrigateProcess):
|
|||||||
self.camera_metrics = camera_metrics
|
self.camera_metrics = camera_metrics
|
||||||
self.ptz_metrics = ptz_metrics
|
self.ptz_metrics = ptz_metrics
|
||||||
self.region_grid = region_grid
|
self.region_grid = region_grid
|
||||||
|
self.log_config = log_config
|
||||||
|
|
||||||
def run(self) -> None:
|
def run(self) -> None:
|
||||||
self.pre_run_setup()
|
self.pre_run_setup(self.log_config)
|
||||||
frame_queue = self.camera_metrics.frame_queue
|
frame_queue = self.camera_metrics.frame_queue
|
||||||
frame_shape = self.config.frame_shape
|
frame_shape = self.config.frame_shape
|
||||||
|
|
||||||
|
|||||||
@ -1 +1,5 @@
|
|||||||
{}
|
{
|
||||||
|
"form": {
|
||||||
|
"user": "Потребителско име"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -8,5 +8,8 @@
|
|||||||
"lastHour_other": "Последните {{count}} часа"
|
"lastHour_other": "Последните {{count}} часа"
|
||||||
},
|
},
|
||||||
"select": "Избери"
|
"select": "Избери"
|
||||||
|
},
|
||||||
|
"restart": {
|
||||||
|
"title": "Сигурен ли сте, че искате да рестартирате Frigate?"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1 +1,5 @@
|
|||||||
{}
|
{
|
||||||
|
"iconPicker": {
|
||||||
|
"selectIcon": "Изберете иконка"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -1 +1,7 @@
|
|||||||
{}
|
{
|
||||||
|
"button": {
|
||||||
|
"downloadVideo": {
|
||||||
|
"label": "Свали видео"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -18,5 +18,6 @@
|
|||||||
"bicycle": "Велосипед",
|
"bicycle": "Велосипед",
|
||||||
"skateboard": "Скейтборд",
|
"skateboard": "Скейтборд",
|
||||||
"door": "Врата",
|
"door": "Врата",
|
||||||
"blender": "Блендер"
|
"blender": "Блендер",
|
||||||
|
"person": "Човек"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1 +1,3 @@
|
|||||||
{}
|
{
|
||||||
|
"documentTitle": "Експорт - Frigate"
|
||||||
|
}
|
||||||
|
|||||||
@ -63,5 +63,6 @@
|
|||||||
},
|
},
|
||||||
"cameraSettings": {
|
"cameraSettings": {
|
||||||
"cameraEnabled": "Камерата е включена"
|
"cameraEnabled": "Камерата е включена"
|
||||||
}
|
},
|
||||||
|
"documentTitle": "Наживо - Frigate"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,5 +10,94 @@
|
|||||||
"general": "Generelle statistikker - Frigate",
|
"general": "Generelle statistikker - Frigate",
|
||||||
"enrichments": "Beredningsstatistikker - Frigate"
|
"enrichments": "Beredningsstatistikker - Frigate"
|
||||||
},
|
},
|
||||||
"title": "System"
|
"title": "System",
|
||||||
|
"logs": {
|
||||||
|
"copy": {
|
||||||
|
"label": "Kopier til udklipsholder",
|
||||||
|
"success": "Logs er kopieret til udklipsholder",
|
||||||
|
"error": "Kunne ikke kopiere logs til udklipsholder"
|
||||||
|
},
|
||||||
|
"type": {
|
||||||
|
"label": "Type",
|
||||||
|
"timestamp": "Tidsstempel",
|
||||||
|
"message": "Besked",
|
||||||
|
"tag": "Tag"
|
||||||
|
},
|
||||||
|
"tips": "Logs bliver streamet fra serveren",
|
||||||
|
"toast": {
|
||||||
|
"error": {
|
||||||
|
"fetchingLogsFailed": "Fejl ved indhentning af logs: {{errorMessage}}",
|
||||||
|
"whileStreamingLogs": "Fejl ved streaming af logs: {{errorMessage}}"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"download": {
|
||||||
|
"label": "Download logs"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"general": {
|
||||||
|
"title": "Generelt",
|
||||||
|
"hardwareInfo": {
|
||||||
|
"gpuUsage": "GPU forbrug",
|
||||||
|
"gpuMemory": "GPU hukommelse",
|
||||||
|
"gpuEncoder": "GPU indkoder",
|
||||||
|
"gpuDecoder": "GPU afkoder",
|
||||||
|
"title": "Hardware information",
|
||||||
|
"gpuInfo": {
|
||||||
|
"closeInfo": {
|
||||||
|
"label": "Luk GPU information"
|
||||||
|
},
|
||||||
|
"copyInfo": {
|
||||||
|
"label": "Kopier GPU information"
|
||||||
|
},
|
||||||
|
"toast": {
|
||||||
|
"success": "Kopierede GPU information til udklipsholder"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"npuUsage": "NPU forbrug",
|
||||||
|
"npuMemory": "NPU hukommelse"
|
||||||
|
},
|
||||||
|
"detector": {
|
||||||
|
"title": "Detektorer",
|
||||||
|
"inferenceSpeed": "Detektorinferenshastighed",
|
||||||
|
"temperature": "Detektor temperatur",
|
||||||
|
"cpuUsage": "Detektor CPU forbrug",
|
||||||
|
"cpuUsageInformation": "CPU brugt til at forberede input- og outputdata til/fra detektionsmodeller. Denne værdi måler ikke inferensforbrug, selvom der bruges en GPU eller accelerator.",
|
||||||
|
"memoryUsage": "Detektorhummelsesforbrug"
|
||||||
|
},
|
||||||
|
"otherProcesses": {
|
||||||
|
"title": "Andre processer",
|
||||||
|
"processCpuUsage": "Proces CPU forbrug",
|
||||||
|
"processMemoryUsage": "Proceshukommelsesforbrug"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"metrics": "System metrikker",
|
||||||
|
"storage": {
|
||||||
|
"title": "Lagring",
|
||||||
|
"overview": "Overblik",
|
||||||
|
"recordings": {
|
||||||
|
"title": "Optagelser",
|
||||||
|
"tips": "Denne værdi repræsenterer den samlede lagerplads, der bruges af optagelserne i Frigates database. Frigate sporer ikke lagerpladsforbruget for alle filer på din disk.",
|
||||||
|
"earliestRecording": "Tidligste optagelse til rådighed:"
|
||||||
|
},
|
||||||
|
"shm": {
|
||||||
|
"title": "SHM (delt hukommelse) tildeling",
|
||||||
|
"warning": "Den nuværende SHM størrelse af {{total}}MB er for lille. Øg den til minimum {{min_shm}}MB."
|
||||||
|
},
|
||||||
|
"cameraStorage": {
|
||||||
|
"title": "Kamera lagring",
|
||||||
|
"camera": "Kamera",
|
||||||
|
"unusedStorageInformation": "Ubrugt lagringsinformation",
|
||||||
|
"storageUsed": "Lagring",
|
||||||
|
"percentageOfTotalUsed": "Procentandel af total",
|
||||||
|
"bandwidth": "Båndbredde",
|
||||||
|
"unused": {
|
||||||
|
"title": "Ubrugt",
|
||||||
|
"tips": "Denne værdi repræsenterer muligvis ikke nøjagtigt den ledige plads, der er tilgængelig for Frigate, hvis du har andre filer gemt på dit drev ud over Frigates optagelser. Frigate sporer ikke lagerforbrug ud over sine optagelser."
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cameras": {
|
||||||
|
"title": "Kameraer",
|
||||||
|
"overview": "Overblik"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1 +1,13 @@
|
|||||||
{}
|
{
|
||||||
|
"documentTitle": "Klassifizierungsmodelle",
|
||||||
|
"details": {
|
||||||
|
"scoreInfo": "Die Punktzahl gibt die durchschnittliche Klassifizierungssicherheit aller Erkennungen dieses Objekts wieder."
|
||||||
|
},
|
||||||
|
"button": {
|
||||||
|
"deleteClassificationAttempts": "Lösche Klassifizierungs-Bilder",
|
||||||
|
"renameCategory": "Klasse umbenennen",
|
||||||
|
"deleteCategory": "Klasse löschen",
|
||||||
|
"deleteImages": "Bilder löschen",
|
||||||
|
"trainModel": "Modell trainieren"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -196,12 +196,22 @@
|
|||||||
"addTrigger": {
|
"addTrigger": {
|
||||||
"aria": "Einen Trigger für dieses verfolgte Objekt hinzufügen",
|
"aria": "Einen Trigger für dieses verfolgte Objekt hinzufügen",
|
||||||
"label": "Trigger hinzufügen"
|
"label": "Trigger hinzufügen"
|
||||||
|
},
|
||||||
|
"viewTrackingDetails": {
|
||||||
|
"label": "Details zum Verfolgen anzeigen",
|
||||||
|
"aria": "Details zum Verfolgen anzeigen"
|
||||||
|
},
|
||||||
|
"showObjectDetails": {
|
||||||
|
"label": "Objektpfad anzeigen"
|
||||||
|
},
|
||||||
|
"hideObjectDetails": {
|
||||||
|
"label": "Objektpfad verbergen"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"dialog": {
|
"dialog": {
|
||||||
"confirmDelete": {
|
"confirmDelete": {
|
||||||
"title": "Löschen bestätigen",
|
"title": "Löschen bestätigen",
|
||||||
"desc": "Beim Löschen dieses verfolgten Objekts werden der Schnappschuss, alle gespeicherten Einbettungen und alle zugehörigen Objektlebenszykluseinträge entfernt. Aufgezeichnetes Filmmaterial dieses verfolgten Objekts in der Verlaufsansicht wird <em>NICHT</em> gelöscht. <br /><br />Sind Sie sicher, dass Sie fortfahren möchten?"
|
"desc": "Beim Löschen dieses verfolgten Objekts werden der Schnappschuss, alle gespeicherten Einbettungen und alle zugehörigen Verfolgungsdetails entfernt. Aufgezeichnetes Filmmaterial dieses verfolgten Objekts in der Verlaufsansicht wird <em>NICHT</em> gelöscht. <br /><br />Sind Sie sicher, dass Sie fortfahren möchten?"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"searchResult": {
|
"searchResult": {
|
||||||
@ -211,7 +221,9 @@
|
|||||||
"error": "Das verfolgte Objekt konnte nicht gelöscht werden: {{errorMessage}}"
|
"error": "Das verfolgte Objekt konnte nicht gelöscht werden: {{errorMessage}}"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"tooltip": "Entspricht {{type}} bei {{confidence}}%"
|
"tooltip": "Entspricht {{type}} bei {{confidence}}%",
|
||||||
|
"previousTrackedObject": "Vorheriges verfolgtes Objekt",
|
||||||
|
"nextTrackedObject": "Nächstes verfolgtes Objekt"
|
||||||
},
|
},
|
||||||
"noTrackedObjects": "Keine verfolgten Objekte gefunden",
|
"noTrackedObjects": "Keine verfolgten Objekte gefunden",
|
||||||
"fetchingTrackedObjectsFailed": "Fehler beim Abrufen von verfolgten Objekten: {{errorMessage}}",
|
"fetchingTrackedObjectsFailed": "Fehler beim Abrufen von verfolgten Objekten: {{errorMessage}}",
|
||||||
@ -227,6 +239,44 @@
|
|||||||
"trackingDetails": {
|
"trackingDetails": {
|
||||||
"noImageFound": "Kein Bild mit diesem Zeitstempel gefunden.",
|
"noImageFound": "Kein Bild mit diesem Zeitstempel gefunden.",
|
||||||
"createObjectMask": "Objekt-Maske erstellen",
|
"createObjectMask": "Objekt-Maske erstellen",
|
||||||
"scrollViewTips": "Klicke, um die relevanten Momente aus dem Lebenszyklus dieses Objektes zu sehen."
|
"scrollViewTips": "Klicke, um die relevanten Momente aus dem Lebenszyklus dieses Objektes zu sehen.",
|
||||||
|
"lifecycleItemDesc": {
|
||||||
|
"visible": "{{label}} erkannt",
|
||||||
|
"entered_zone": "{{label}} betrat {{zones}}",
|
||||||
|
"active": "{{label}} wurde aktiv",
|
||||||
|
"stationary": "{{label}} wurde stationär",
|
||||||
|
"attribute": {
|
||||||
|
"faceOrLicense_plate": "{{attribute}} erkannt für {{label}}",
|
||||||
|
"other": "{{label}} erkannt als {{attribute}}"
|
||||||
|
},
|
||||||
|
"gone": "{{label}} verließ",
|
||||||
|
"heard": "{{label}} wurde gehört",
|
||||||
|
"external": "{{label}} erkannt",
|
||||||
|
"header": {
|
||||||
|
"zones": "Zonen",
|
||||||
|
"ratio": "Verhältnis",
|
||||||
|
"area": "Bereich"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"annotationSettings": {
|
||||||
|
"title": "Anmerkungseinstellungen",
|
||||||
|
"showAllZones": {
|
||||||
|
"title": "Zeige alle Zonen",
|
||||||
|
"desc": "Immer Zonen auf Rahmen anzeigen, in die Objekte eingetreten sind."
|
||||||
|
},
|
||||||
|
"offset": {
|
||||||
|
"label": "Anmerkungen Versatz",
|
||||||
|
"desc": "Diese Daten stammen aus dem Erkennungsfeed der Kamera, werden jedoch über Bilder aus dem Aufzeichnungsfeed gelegt. Es ist unwahrscheinlich, dass beide Streams perfekt synchron sind. Daher stimmen der Begrenzungsrahmen und das Filmmaterial nicht vollständig überein. Mit dieser Einstellung lassen sich die Anmerkungen zeitlich nach vorne oder hinten verschieben, um sie besser an das aufgezeichnete Filmmaterial anzupassen.",
|
||||||
|
"millisecondsToOffset": "Millisekunden, um Erkennungs-Anmerkungen zu verschieben. <em>Standard: 0</em>",
|
||||||
|
"tips": "Verringere den Wert, wenn die Videowiedergabe den Boxen und Wegpunkten voraus ist, und erhöhe den Wert, wenn die Videowiedergabe hinter ihnen zurückbleibt. Dieser Wert kann negativ sein.",
|
||||||
|
"toast": {
|
||||||
|
"success": "Der Anmerkungs-Offset für {{camera}} wurde in der Konfigurationsdatei gespeichert. Starte Frigate neu, um Ihre Änderungen zu übernehmen."
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"carousel": {
|
||||||
|
"previous": "Vorherige Anzeige",
|
||||||
|
"next": "Nächste Anzeige"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"description": {
|
"description": {
|
||||||
"placeholder": "Gib einen Name für diese Kollektion ein",
|
"placeholder": "Gib einen Name für diese Kollektion ein",
|
||||||
"addFace": "Anleitung für das Hinzufügen einer neuen Kollektion zur Gesichtsbibliothek.",
|
"addFace": "Füge der Gesichtsbibliothek eine neue Sammlung hinzu, indem ein erstes Bild hochgeladen wird.",
|
||||||
"invalidName": "Ungültiger Name. Namen dürfen nur Buchstaben, Zahlen, Leerzeichen, Apostrophe, Unterstriche und Bindestriche enthalten."
|
"invalidName": "Ungültiger Name. Namen dürfen nur Buchstaben, Zahlen, Leerzeichen, Apostrophe, Unterstriche und Bindestriche enthalten."
|
||||||
},
|
},
|
||||||
"details": {
|
"details": {
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
"documentTitle": "Klassifiseringsmodeller",
|
"documentTitle": "Klassifiseringsmodeller",
|
||||||
"button": {
|
"button": {
|
||||||
"deleteClassificationAttempts": "Slett klassifiseringsbilder",
|
"deleteClassificationAttempts": "Slett klassifiseringsbilder",
|
||||||
"renameCategory": "Gi nytt navn til klasse",
|
"renameCategory": "Omdøp klasse",
|
||||||
"deleteCategory": "Slett klasse",
|
"deleteCategory": "Slett klasse",
|
||||||
"deleteImages": "Slett bilder",
|
"deleteImages": "Slett bilder",
|
||||||
"trainModel": "Tren modell",
|
"trainModel": "Tren modell",
|
||||||
@ -72,7 +72,7 @@
|
|||||||
"buttonText": "Opprett objektmodell"
|
"buttonText": "Opprett objektmodell"
|
||||||
},
|
},
|
||||||
"state": {
|
"state": {
|
||||||
"title": "Ingen tilstandsklassifiseringsmodeller",
|
"title": "Ingen tilstandsklassifiseringsmodeller",
|
||||||
"description": "Opprett en tilpasset modell for å overvåke og klassifisere tilstandsendringer i spesifikke kamerasoner.",
|
"description": "Opprett en tilpasset modell for å overvåke og klassifisere tilstandsendringer i spesifikke kamerasoner.",
|
||||||
"buttonText": "Opprett tilstandsmodell"
|
"buttonText": "Opprett tilstandsmodell"
|
||||||
}
|
}
|
||||||
@ -102,7 +102,7 @@
|
|||||||
"classesTip": "Lær om kategorier",
|
"classesTip": "Lær om kategorier",
|
||||||
"classesStateDesc": "Definer de ulike tilstandene kamerasonen kan være i. For eksempel: 'åpen' og 'lukket' for en garasjeport.",
|
"classesStateDesc": "Definer de ulike tilstandene kamerasonen kan være i. For eksempel: 'åpen' og 'lukket' for en garasjeport.",
|
||||||
"classesObjectDesc": "Definer kategoriene du vil klassifisere oppdagede objekter i. For eksempel: 'bud', 'beboer', 'fremmed' for personklassifisering.",
|
"classesObjectDesc": "Definer kategoriene du vil klassifisere oppdagede objekter i. For eksempel: 'bud', 'beboer', 'fremmed' for personklassifisering.",
|
||||||
"classPlaceholder": "Skriv inn kategorinavn...",
|
"classPlaceholder": "Skriv inn tilstandsnavn...",
|
||||||
"errors": {
|
"errors": {
|
||||||
"nameRequired": "Modellnavn er påkrevd",
|
"nameRequired": "Modellnavn er påkrevd",
|
||||||
"nameLength": "Modellnavn må være på 64 tegn eller mindre",
|
"nameLength": "Modellnavn må være på 64 tegn eller mindre",
|
||||||
|
|||||||
@ -1262,7 +1262,7 @@
|
|||||||
"desc": "Midlertidig aktiver/deaktiver inspeksjonsbeskrivelser med generativ KI for dette kameraet. Når deaktivert, vil det ikke bli bedt om KI-genererte beskrivelser for inspeksjonselementer på dette kameraet."
|
"desc": "Midlertidig aktiver/deaktiver inspeksjonsbeskrivelser med generativ KI for dette kameraet. Når deaktivert, vil det ikke bli bedt om KI-genererte beskrivelser for inspeksjonselementer på dette kameraet."
|
||||||
},
|
},
|
||||||
"review": {
|
"review": {
|
||||||
"title": "Inspeksjon",
|
"title": "Inspiser",
|
||||||
"desc": "Aktiver/deaktiver varsler og deteksjoner midlertidig for dette kameraet til Frigate startes på nytt. Når deaktivert, vil det ikke genereres nye inspeksjonselementer. ",
|
"desc": "Aktiver/deaktiver varsler og deteksjoner midlertidig for dette kameraet til Frigate startes på nytt. Når deaktivert, vil det ikke genereres nye inspeksjonselementer. ",
|
||||||
"alerts": "Varsler ",
|
"alerts": "Varsler ",
|
||||||
"detections": "Deteksjoner "
|
"detections": "Deteksjoner "
|
||||||
|
|||||||
@ -81,7 +81,7 @@
|
|||||||
"masksAndZones": "Edytor Masek i Stref - Frigate",
|
"masksAndZones": "Edytor Masek i Stref - Frigate",
|
||||||
"frigatePlus": "Ustawienia Frigate+ - Frigate",
|
"frigatePlus": "Ustawienia Frigate+ - Frigate",
|
||||||
"classification": "Ustawienia Klasyfikacji - Frigate",
|
"classification": "Ustawienia Klasyfikacji - Frigate",
|
||||||
"general": "Ustawienia Ogólne - Frigate",
|
"general": "Ustawienia Interfejsu - Frigate",
|
||||||
"authentication": "Ustawienia Uwierzytelniania - Frigate",
|
"authentication": "Ustawienia Uwierzytelniania - Frigate",
|
||||||
"motionTuner": "Konfigurator Ruchu - Frigate",
|
"motionTuner": "Konfigurator Ruchu - Frigate",
|
||||||
"object": "Debug - Frigate",
|
"object": "Debug - Frigate",
|
||||||
|
|||||||
@ -51,7 +51,7 @@
|
|||||||
"h": "{{time}}h",
|
"h": "{{time}}h",
|
||||||
"m": "{{time}}m",
|
"m": "{{time}}m",
|
||||||
"s": "{{time}}s",
|
"s": "{{time}}s",
|
||||||
"yr": "le",
|
"yr": "{{time}}l.",
|
||||||
"formattedTimestamp": {
|
"formattedTimestamp": {
|
||||||
"12hour": "d MMM, h:mm:ss aaa",
|
"12hour": "d MMM, h:mm:ss aaa",
|
||||||
"24hour": "d MMM, HH:mm:ss"
|
"24hour": "d MMM, HH:mm:ss"
|
||||||
@ -84,7 +84,10 @@
|
|||||||
"formattedTimestampFilename": {
|
"formattedTimestampFilename": {
|
||||||
"12hour": "dd-MM-yy-h-mm-ss-a",
|
"12hour": "dd-MM-yy-h-mm-ss-a",
|
||||||
"24hour": "dd-MM-yy-HH-mm-ss"
|
"24hour": "dd-MM-yy-HH-mm-ss"
|
||||||
}
|
},
|
||||||
|
"invalidStartTime": "Napačen čas začetka",
|
||||||
|
"invalidEndTime": "Napačen čas konca",
|
||||||
|
"inProgress": "V teku"
|
||||||
},
|
},
|
||||||
"menu": {
|
"menu": {
|
||||||
"live": {
|
"live": {
|
||||||
@ -152,7 +155,13 @@
|
|||||||
"bg": "Български (bulgarščina)",
|
"bg": "Български (bulgarščina)",
|
||||||
"withSystem": {
|
"withSystem": {
|
||||||
"label": "Uporabi sistemske nastavitve za jezik"
|
"label": "Uporabi sistemske nastavitve za jezik"
|
||||||
}
|
},
|
||||||
|
"ptBR": "Português brasileiro (Brazilska portugalščina)",
|
||||||
|
"ca": "Català (Katalonščina)",
|
||||||
|
"lt": "Lietuvių (Litovščina)",
|
||||||
|
"gl": "Galego (Galicijščina)",
|
||||||
|
"id": "Bahasa Indonesia (Indonezijščina)",
|
||||||
|
"ur": "اردو (Urdujščina)"
|
||||||
},
|
},
|
||||||
"appearance": "Izgled",
|
"appearance": "Izgled",
|
||||||
"darkMode": {
|
"darkMode": {
|
||||||
@ -179,7 +188,9 @@
|
|||||||
"anonymous": "anonimen",
|
"anonymous": "anonimen",
|
||||||
"logout": "Odjava",
|
"logout": "Odjava",
|
||||||
"setPassword": "Nastavi Geslo"
|
"setPassword": "Nastavi Geslo"
|
||||||
}
|
},
|
||||||
|
"uiPlayground": "UI Peskovnik",
|
||||||
|
"classification": "Klasifikacija"
|
||||||
},
|
},
|
||||||
"button": {
|
"button": {
|
||||||
"apply": "Uporabi",
|
"apply": "Uporabi",
|
||||||
@ -216,7 +227,8 @@
|
|||||||
"unselect": "Odznači",
|
"unselect": "Odznači",
|
||||||
"export": "Izvoz",
|
"export": "Izvoz",
|
||||||
"deleteNow": "Izbriši Zdaj",
|
"deleteNow": "Izbriši Zdaj",
|
||||||
"next": "Naprej"
|
"next": "Naprej",
|
||||||
|
"continue": "Nadaljuj"
|
||||||
},
|
},
|
||||||
"unit": {
|
"unit": {
|
||||||
"speed": {
|
"speed": {
|
||||||
@ -226,10 +238,23 @@
|
|||||||
"length": {
|
"length": {
|
||||||
"feet": "čevelj",
|
"feet": "čevelj",
|
||||||
"meters": "metri"
|
"meters": "metri"
|
||||||
|
},
|
||||||
|
"data": {
|
||||||
|
"kbps": "kB/s",
|
||||||
|
"mbps": "MB/s",
|
||||||
|
"gbps": "GB/s",
|
||||||
|
"kbph": "kB/uro",
|
||||||
|
"mbph": "MB/uro",
|
||||||
|
"gbph": "GB/uro"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"label": {
|
"label": {
|
||||||
"back": "Pojdi nazaj"
|
"back": "Pojdi nazaj",
|
||||||
|
"hide": "Skrij {{item}}",
|
||||||
|
"show": "Prikaži {{item}}",
|
||||||
|
"ID": "ID",
|
||||||
|
"none": "Brez",
|
||||||
|
"all": "Vse"
|
||||||
},
|
},
|
||||||
"pagination": {
|
"pagination": {
|
||||||
"next": {
|
"next": {
|
||||||
@ -270,5 +295,17 @@
|
|||||||
"title": "404",
|
"title": "404",
|
||||||
"desc": "Stran ni najdena"
|
"desc": "Stran ni najdena"
|
||||||
},
|
},
|
||||||
"readTheDocumentation": "Preberite dokumentacijo"
|
"readTheDocumentation": "Preberite dokumentacijo",
|
||||||
|
"list": {
|
||||||
|
"two": "{{0}} in {{1}}",
|
||||||
|
"many": "{{items}}, in {{last}}",
|
||||||
|
"separatorWithSpace": ", "
|
||||||
|
},
|
||||||
|
"field": {
|
||||||
|
"optional": "Izbirno",
|
||||||
|
"internalID": "Interni ID, ki ga Frigate uporablja v konfiguraciji in podatkovni bazi"
|
||||||
|
},
|
||||||
|
"information": {
|
||||||
|
"pixels": "{{area}}px"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
"documentTitle": {
|
"documentTitle": {
|
||||||
"camera": "Kamerainställningar - Frigate",
|
"camera": "Kamerainställningar - Frigate",
|
||||||
"default": "Inställningar - Frigate",
|
"default": "Inställningar - Frigate",
|
||||||
"general": "UI inställningar - Frigate",
|
"general": "UI Inställningar - Frigate",
|
||||||
"authentication": "Autentiseringsinställningar - Frigate",
|
"authentication": "Autentiseringsinställningar - Frigate",
|
||||||
"classification": "Klassificeringsinställningar - Frigate",
|
"classification": "Klassificeringsinställningar - Frigate",
|
||||||
"masksAndZones": "Maskerings- och zonverktyg - Frigate",
|
"masksAndZones": "Maskerings- och zonverktyg - Frigate",
|
||||||
|
|||||||
@ -44,11 +44,16 @@ self.addEventListener("notificationclick", (event) => {
|
|||||||
switch (event.action ?? "default") {
|
switch (event.action ?? "default") {
|
||||||
case "markReviewed":
|
case "markReviewed":
|
||||||
if (event.notification.data) {
|
if (event.notification.data) {
|
||||||
|
event.waitUntil(
|
||||||
fetch("/api/reviews/viewed", {
|
fetch("/api/reviews/viewed", {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
headers: { "Content-Type": "application/json", "X-CSRF-TOKEN": 1 },
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
"X-CSRF-TOKEN": 1,
|
||||||
|
},
|
||||||
body: JSON.stringify({ ids: [event.notification.data.id] }),
|
body: JSON.stringify({ ids: [event.notification.data.id] }),
|
||||||
});
|
}), // eslint-disable-line comma-dangle
|
||||||
|
);
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
@ -58,7 +63,7 @@ self.addEventListener("notificationclick", (event) => {
|
|||||||
// eslint-disable-next-line no-undef
|
// eslint-disable-next-line no-undef
|
||||||
if (clients.openWindow) {
|
if (clients.openWindow) {
|
||||||
// eslint-disable-next-line no-undef
|
// eslint-disable-next-line no-undef
|
||||||
return clients.openWindow(url);
|
event.waitUntil(clients.openWindow(url));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -398,11 +398,7 @@ export function GroupedClassificationCard({
|
|||||||
threshold={threshold}
|
threshold={threshold}
|
||||||
selected={false}
|
selected={false}
|
||||||
i18nLibrary={i18nLibrary}
|
i18nLibrary={i18nLibrary}
|
||||||
onClick={(data, meta) => {
|
onClick={() => {}}
|
||||||
if (meta || selectedItems.length > 0) {
|
|
||||||
onClick(data);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
{children?.(data)}
|
{children?.(data)}
|
||||||
</ClassificationCard>
|
</ClassificationCard>
|
||||||
|
|||||||
@ -4,9 +4,7 @@ import { FrigateConfig } from "@/types/frigateConfig";
|
|||||||
import { baseUrl } from "@/api/baseUrl";
|
import { baseUrl } from "@/api/baseUrl";
|
||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import { LuCamera, LuDownload, LuTrash2 } from "react-icons/lu";
|
|
||||||
import { FiMoreVertical } from "react-icons/fi";
|
import { FiMoreVertical } from "react-icons/fi";
|
||||||
import { MdImageSearch } from "react-icons/md";
|
|
||||||
import { buttonVariants } from "@/components/ui/button";
|
import { buttonVariants } from "@/components/ui/button";
|
||||||
import {
|
import {
|
||||||
ContextMenu,
|
ContextMenu,
|
||||||
@ -31,11 +29,8 @@ import {
|
|||||||
AlertDialogTitle,
|
AlertDialogTitle,
|
||||||
} from "@/components/ui/alert-dialog";
|
} from "@/components/ui/alert-dialog";
|
||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
|
|
||||||
import { Trans, useTranslation } from "react-i18next";
|
import { Trans, useTranslation } from "react-i18next";
|
||||||
import { BsFillLightningFill } from "react-icons/bs";
|
|
||||||
import BlurredIconButton from "../button/BlurredIconButton";
|
import BlurredIconButton from "../button/BlurredIconButton";
|
||||||
import { PiPath } from "react-icons/pi";
|
|
||||||
|
|
||||||
type SearchResultActionsProps = {
|
type SearchResultActionsProps = {
|
||||||
searchResult: SearchResult;
|
searchResult: SearchResult;
|
||||||
@ -98,7 +93,6 @@ export default function SearchResultActions({
|
|||||||
href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`}
|
href={`${baseUrl}api/events/${searchResult.id}/clip.mp4`}
|
||||||
download={`${searchResult.camera}_${searchResult.label}.mp4`}
|
download={`${searchResult.camera}_${searchResult.label}.mp4`}
|
||||||
>
|
>
|
||||||
<LuDownload className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.downloadVideo.label")}</span>
|
<span>{t("itemMenu.downloadVideo.label")}</span>
|
||||||
</a>
|
</a>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
@ -110,7 +104,6 @@ export default function SearchResultActions({
|
|||||||
href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`}
|
href={`${baseUrl}api/events/${searchResult.id}/snapshot.jpg`}
|
||||||
download={`${searchResult.camera}_${searchResult.label}.jpg`}
|
download={`${searchResult.camera}_${searchResult.label}.jpg`}
|
||||||
>
|
>
|
||||||
<LuCamera className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.downloadSnapshot.label")}</span>
|
<span>{t("itemMenu.downloadSnapshot.label")}</span>
|
||||||
</a>
|
</a>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
@ -120,16 +113,15 @@ export default function SearchResultActions({
|
|||||||
aria-label={t("itemMenu.viewTrackingDetails.aria")}
|
aria-label={t("itemMenu.viewTrackingDetails.aria")}
|
||||||
onClick={showTrackingDetails}
|
onClick={showTrackingDetails}
|
||||||
>
|
>
|
||||||
<PiPath className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.viewTrackingDetails.label")}</span>
|
<span>{t("itemMenu.viewTrackingDetails.label")}</span>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
)}
|
)}
|
||||||
{config?.semantic_search?.enabled && isContextMenu && (
|
{config?.semantic_search?.enabled &&
|
||||||
|
searchResult.data.type == "object" && (
|
||||||
<MenuItem
|
<MenuItem
|
||||||
aria-label={t("itemMenu.findSimilar.aria")}
|
aria-label={t("itemMenu.findSimilar.aria")}
|
||||||
onClick={findSimilar}
|
onClick={findSimilar}
|
||||||
>
|
>
|
||||||
<MdImageSearch className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.findSimilar.label")}</span>
|
<span>{t("itemMenu.findSimilar.label")}</span>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
)}
|
)}
|
||||||
@ -139,25 +131,13 @@ export default function SearchResultActions({
|
|||||||
aria-label={t("itemMenu.addTrigger.aria")}
|
aria-label={t("itemMenu.addTrigger.aria")}
|
||||||
onClick={addTrigger}
|
onClick={addTrigger}
|
||||||
>
|
>
|
||||||
<BsFillLightningFill className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.addTrigger.label")}</span>
|
<span>{t("itemMenu.addTrigger.label")}</span>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
)}
|
)}
|
||||||
{config?.semantic_search?.enabled &&
|
|
||||||
searchResult.data.type == "object" && (
|
|
||||||
<MenuItem
|
|
||||||
aria-label={t("itemMenu.findSimilar.aria")}
|
|
||||||
onClick={findSimilar}
|
|
||||||
>
|
|
||||||
<MdImageSearch className="mr-2 size-4" />
|
|
||||||
<span>{t("itemMenu.findSimilar.label")}</span>
|
|
||||||
</MenuItem>
|
|
||||||
)}
|
|
||||||
<MenuItem
|
<MenuItem
|
||||||
aria-label={t("itemMenu.deleteTrackedObject.label")}
|
aria-label={t("itemMenu.deleteTrackedObject.label")}
|
||||||
onClick={() => setDeleteDialogOpen(true)}
|
onClick={() => setDeleteDialogOpen(true)}
|
||||||
>
|
>
|
||||||
<LuTrash2 className="mr-2 size-4" />
|
|
||||||
<span>{t("button.delete", { ns: "common" })}</span>
|
<span>{t("button.delete", { ns: "common" })}</span>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -46,13 +46,13 @@ export default function NavItem({
|
|||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
className={({ isActive }) =>
|
className={({ isActive }) =>
|
||||||
cn(
|
cn(
|
||||||
"flex flex-col items-center justify-center rounded-lg",
|
"flex flex-col items-center justify-center rounded-lg p-[6px]",
|
||||||
className,
|
className,
|
||||||
variants[item.variant ?? "primary"][isActive ? "active" : "inactive"],
|
variants[item.variant ?? "primary"][isActive ? "active" : "inactive"],
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Icon className="size-5 md:m-[6px]" />
|
<Icon className="size-5" />
|
||||||
</NavLink>
|
</NavLink>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
@ -12,6 +12,7 @@ import {
|
|||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
DropdownMenuLabel,
|
DropdownMenuLabel,
|
||||||
|
DropdownMenuSeparator,
|
||||||
DropdownMenuTrigger,
|
DropdownMenuTrigger,
|
||||||
} from "@/components/ui/dropdown-menu";
|
} from "@/components/ui/dropdown-menu";
|
||||||
import {
|
import {
|
||||||
@ -20,7 +21,6 @@ import {
|
|||||||
TooltipTrigger,
|
TooltipTrigger,
|
||||||
} from "@/components/ui/tooltip";
|
} from "@/components/ui/tooltip";
|
||||||
import { isDesktop, isMobile } from "react-device-detect";
|
import { isDesktop, isMobile } from "react-device-detect";
|
||||||
import { LuPlus, LuScanFace } from "react-icons/lu";
|
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { cn } from "@/lib/utils";
|
import { cn } from "@/lib/utils";
|
||||||
import React, { ReactNode, useMemo, useState } from "react";
|
import React, { ReactNode, useMemo, useState } from "react";
|
||||||
@ -89,27 +89,26 @@ export default function FaceSelectionDialog({
|
|||||||
<DropdownMenuLabel>{t("trainFaceAs")}</DropdownMenuLabel>
|
<DropdownMenuLabel>{t("trainFaceAs")}</DropdownMenuLabel>
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"flex max-h-[40dvh] flex-col overflow-y-auto",
|
"flex max-h-[40dvh] flex-col overflow-y-auto overflow-x-hidden",
|
||||||
isMobile && "gap-2 pb-4",
|
isMobile && "gap-2 pb-4",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<SelectorItem
|
|
||||||
className="flex cursor-pointer gap-2 smart-capitalize"
|
|
||||||
onClick={() => setNewFace(true)}
|
|
||||||
>
|
|
||||||
<LuPlus />
|
|
||||||
{t("createFaceLibrary.new")}
|
|
||||||
</SelectorItem>
|
|
||||||
{faceNames.sort().map((faceName) => (
|
{faceNames.sort().map((faceName) => (
|
||||||
<SelectorItem
|
<SelectorItem
|
||||||
key={faceName}
|
key={faceName}
|
||||||
className="flex cursor-pointer gap-2 smart-capitalize"
|
className="flex cursor-pointer gap-2 smart-capitalize"
|
||||||
onClick={() => onTrainAttempt(faceName)}
|
onClick={() => onTrainAttempt(faceName)}
|
||||||
>
|
>
|
||||||
<LuScanFace />
|
|
||||||
{faceName}
|
{faceName}
|
||||||
</SelectorItem>
|
</SelectorItem>
|
||||||
))}
|
))}
|
||||||
|
<DropdownMenuSeparator />
|
||||||
|
<SelectorItem
|
||||||
|
className="flex cursor-pointer gap-2 smart-capitalize"
|
||||||
|
onClick={() => setNewFace(true)}
|
||||||
|
>
|
||||||
|
{t("createFaceLibrary.new")}
|
||||||
|
</SelectorItem>
|
||||||
</div>
|
</div>
|
||||||
</SelectorContent>
|
</SelectorContent>
|
||||||
</Selector>
|
</Selector>
|
||||||
|
|||||||
@ -171,6 +171,18 @@ export default function ImagePicker({
|
|||||||
alt={selectedImage?.label || "Selected image"}
|
alt={selectedImage?.label || "Selected image"}
|
||||||
className="size-16 rounded object-cover"
|
className="size-16 rounded object-cover"
|
||||||
onLoad={() => handleImageLoad(selectedImageId || "")}
|
onLoad={() => handleImageLoad(selectedImageId || "")}
|
||||||
|
onError={(e) => {
|
||||||
|
// If trigger thumbnail fails to load, fall back to event thumbnail
|
||||||
|
if (!selectedImage) {
|
||||||
|
const target = e.target as HTMLImageElement;
|
||||||
|
if (
|
||||||
|
target.src.includes("clips/triggers") &&
|
||||||
|
selectedImageId
|
||||||
|
) {
|
||||||
|
target.src = `${apiHost}api/events/${selectedImageId}/thumbnail.webp`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
/>
|
/>
|
||||||
{selectedImageId && !loadedImages.has(selectedImageId) && (
|
{selectedImageId && !loadedImages.has(selectedImageId) && (
|
||||||
|
|||||||
@ -683,6 +683,22 @@ function ObjectDetailsTab({
|
|||||||
|
|
||||||
const mutate = useGlobalMutation();
|
const mutate = useGlobalMutation();
|
||||||
|
|
||||||
|
// Helper to map over SWR cached search results while preserving
|
||||||
|
// either paginated format (SearchResult[][]) or flat format (SearchResult[])
|
||||||
|
const mapSearchResults = useCallback(
|
||||||
|
(
|
||||||
|
currentData: SearchResult[][] | SearchResult[] | undefined,
|
||||||
|
fn: (event: SearchResult) => SearchResult,
|
||||||
|
) => {
|
||||||
|
if (!currentData) return currentData;
|
||||||
|
if (Array.isArray(currentData[0])) {
|
||||||
|
return (currentData as SearchResult[][]).map((page) => page.map(fn));
|
||||||
|
}
|
||||||
|
return (currentData as SearchResult[]).map(fn);
|
||||||
|
},
|
||||||
|
[],
|
||||||
|
);
|
||||||
|
|
||||||
// users
|
// users
|
||||||
|
|
||||||
const isAdmin = useIsAdmin();
|
const isAdmin = useIsAdmin();
|
||||||
@ -810,17 +826,12 @@ function ObjectDetailsTab({
|
|||||||
(key.includes("events") ||
|
(key.includes("events") ||
|
||||||
key.includes("events/search") ||
|
key.includes("events/search") ||
|
||||||
key.includes("events/explore")),
|
key.includes("events/explore")),
|
||||||
(currentData: SearchResult[][] | SearchResult[] | undefined) => {
|
(currentData: SearchResult[][] | SearchResult[] | undefined) =>
|
||||||
if (!currentData) return currentData;
|
mapSearchResults(currentData, (event) =>
|
||||||
// optimistic update
|
|
||||||
return currentData
|
|
||||||
.flat()
|
|
||||||
.map((event) =>
|
|
||||||
event.id === search.id
|
event.id === search.id
|
||||||
? { ...event, data: { ...event.data, description: desc } }
|
? { ...event, data: { ...event.data, description: desc } }
|
||||||
: event,
|
: event,
|
||||||
);
|
),
|
||||||
},
|
|
||||||
{
|
{
|
||||||
optimisticData: true,
|
optimisticData: true,
|
||||||
rollbackOnError: true,
|
rollbackOnError: true,
|
||||||
@ -843,7 +854,7 @@ function ObjectDetailsTab({
|
|||||||
);
|
);
|
||||||
setDesc(search.data.description);
|
setDesc(search.data.description);
|
||||||
});
|
});
|
||||||
}, [desc, search, mutate, t]);
|
}, [desc, search, mutate, t, mapSearchResults]);
|
||||||
|
|
||||||
const regenerateDescription = useCallback(
|
const regenerateDescription = useCallback(
|
||||||
(source: "snapshot" | "thumbnails") => {
|
(source: "snapshot" | "thumbnails") => {
|
||||||
@ -915,9 +926,8 @@ function ObjectDetailsTab({
|
|||||||
(key.includes("events") ||
|
(key.includes("events") ||
|
||||||
key.includes("events/search") ||
|
key.includes("events/search") ||
|
||||||
key.includes("events/explore")),
|
key.includes("events/explore")),
|
||||||
(currentData: SearchResult[][] | SearchResult[] | undefined) => {
|
(currentData: SearchResult[][] | SearchResult[] | undefined) =>
|
||||||
if (!currentData) return currentData;
|
mapSearchResults(currentData, (event) =>
|
||||||
return currentData.flat().map((event) =>
|
|
||||||
event.id === search.id
|
event.id === search.id
|
||||||
? {
|
? {
|
||||||
...event,
|
...event,
|
||||||
@ -928,8 +938,7 @@ function ObjectDetailsTab({
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
: event,
|
: event,
|
||||||
);
|
),
|
||||||
},
|
|
||||||
{
|
{
|
||||||
optimisticData: true,
|
optimisticData: true,
|
||||||
rollbackOnError: true,
|
rollbackOnError: true,
|
||||||
@ -963,7 +972,7 @@ function ObjectDetailsTab({
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
[search, apiHost, mutate, setSearch, t],
|
[search, apiHost, mutate, setSearch, t, mapSearchResults],
|
||||||
);
|
);
|
||||||
|
|
||||||
// recognized plate
|
// recognized plate
|
||||||
@ -992,9 +1001,8 @@ function ObjectDetailsTab({
|
|||||||
(key.includes("events") ||
|
(key.includes("events") ||
|
||||||
key.includes("events/search") ||
|
key.includes("events/search") ||
|
||||||
key.includes("events/explore")),
|
key.includes("events/explore")),
|
||||||
(currentData: SearchResult[][] | SearchResult[] | undefined) => {
|
(currentData: SearchResult[][] | SearchResult[] | undefined) =>
|
||||||
if (!currentData) return currentData;
|
mapSearchResults(currentData, (event) =>
|
||||||
return currentData.flat().map((event) =>
|
|
||||||
event.id === search.id
|
event.id === search.id
|
||||||
? {
|
? {
|
||||||
...event,
|
...event,
|
||||||
@ -1005,8 +1013,7 @@ function ObjectDetailsTab({
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
: event,
|
: event,
|
||||||
);
|
),
|
||||||
},
|
|
||||||
{
|
{
|
||||||
optimisticData: true,
|
optimisticData: true,
|
||||||
rollbackOnError: true,
|
rollbackOnError: true,
|
||||||
@ -1040,7 +1047,7 @@ function ObjectDetailsTab({
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
[search, apiHost, mutate, setSearch, t],
|
[search, apiHost, mutate, setSearch, t, mapSearchResults],
|
||||||
);
|
);
|
||||||
|
|
||||||
// speech transcription
|
// speech transcription
|
||||||
@ -1102,17 +1109,12 @@ function ObjectDetailsTab({
|
|||||||
(key.includes("events") ||
|
(key.includes("events") ||
|
||||||
key.includes("events/search") ||
|
key.includes("events/search") ||
|
||||||
key.includes("events/explore")),
|
key.includes("events/explore")),
|
||||||
(currentData: SearchResult[][] | SearchResult[] | undefined) => {
|
(currentData: SearchResult[][] | SearchResult[] | undefined) =>
|
||||||
if (!currentData) return currentData;
|
mapSearchResults(currentData, (event) =>
|
||||||
// optimistic update
|
|
||||||
return currentData
|
|
||||||
.flat()
|
|
||||||
.map((event) =>
|
|
||||||
event.id === search.id
|
event.id === search.id
|
||||||
? { ...event, plus_id: "new_upload" }
|
? { ...event, plus_id: "new_upload" }
|
||||||
: event,
|
: event,
|
||||||
);
|
),
|
||||||
},
|
|
||||||
{
|
{
|
||||||
optimisticData: true,
|
optimisticData: true,
|
||||||
rollbackOnError: true,
|
rollbackOnError: true,
|
||||||
@ -1120,7 +1122,7 @@ function ObjectDetailsTab({
|
|||||||
},
|
},
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
[search, mutate],
|
[search, mutate, mapSearchResults],
|
||||||
);
|
);
|
||||||
|
|
||||||
const popoverContainerRef = useRef<HTMLDivElement | null>(null);
|
const popoverContainerRef = useRef<HTMLDivElement | null>(null);
|
||||||
@ -1503,7 +1505,7 @@ function ObjectDetailsTab({
|
|||||||
) : (
|
) : (
|
||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
<Textarea
|
<Textarea
|
||||||
className="text-md h-32"
|
className="text-md h-32 md:text-sm"
|
||||||
placeholder={t("details.description.placeholder")}
|
placeholder={t("details.description.placeholder")}
|
||||||
value={desc}
|
value={desc}
|
||||||
onChange={(e) => setDesc(e.target.value)}
|
onChange={(e) => setDesc(e.target.value)}
|
||||||
@ -1511,25 +1513,7 @@ function ObjectDetailsTab({
|
|||||||
onBlur={handleDescriptionBlur}
|
onBlur={handleDescriptionBlur}
|
||||||
autoFocus
|
autoFocus
|
||||||
/>
|
/>
|
||||||
<div className="flex flex-row justify-end gap-4">
|
<div className="mb-10 flex flex-row justify-end gap-5">
|
||||||
<Tooltip>
|
|
||||||
<TooltipTrigger asChild>
|
|
||||||
<button
|
|
||||||
aria-label={t("button.save", { ns: "common" })}
|
|
||||||
className="text-primary/40 hover:text-primary/80"
|
|
||||||
onClick={() => {
|
|
||||||
setIsEditingDesc(false);
|
|
||||||
updateDescription();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<FaCheck className="size-4" />
|
|
||||||
</button>
|
|
||||||
</TooltipTrigger>
|
|
||||||
<TooltipContent>
|
|
||||||
{t("button.save", { ns: "common" })}
|
|
||||||
</TooltipContent>
|
|
||||||
</Tooltip>
|
|
||||||
|
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
<button
|
<button
|
||||||
@ -1540,13 +1524,31 @@ function ObjectDetailsTab({
|
|||||||
setDesc(originalDescRef.current ?? "");
|
setDesc(originalDescRef.current ?? "");
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<FaTimes className="size-4" />
|
<FaTimes className="size-5" />
|
||||||
</button>
|
</button>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent>
|
<TooltipContent>
|
||||||
{t("button.cancel", { ns: "common" })}
|
{t("button.cancel", { ns: "common" })}
|
||||||
</TooltipContent>
|
</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
||||||
|
<Tooltip>
|
||||||
|
<TooltipTrigger asChild>
|
||||||
|
<button
|
||||||
|
aria-label={t("button.save", { ns: "common" })}
|
||||||
|
className="text-primary/40 hover:text-primary/80"
|
||||||
|
onClick={() => {
|
||||||
|
setIsEditingDesc(false);
|
||||||
|
updateDescription();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<FaCheck className="size-5" />
|
||||||
|
</button>
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent>
|
||||||
|
{t("button.save", { ns: "common" })}
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
||||||
|
import { useResizeObserver } from "@/hooks/resize-observer";
|
||||||
import { Event } from "@/types/event";
|
import { Event } from "@/types/event";
|
||||||
import ActivityIndicator from "@/components/indicators/activity-indicator";
|
import ActivityIndicator from "@/components/indicators/activity-indicator";
|
||||||
import { TrackingDetailsSequence } from "@/types/timeline";
|
import { TrackingDetailsSequence } from "@/types/timeline";
|
||||||
@ -89,9 +90,16 @@ export function TrackingDetails({
|
|||||||
}, [manualOverride, currentTime, annotationOffset]);
|
}, [manualOverride, currentTime, annotationOffset]);
|
||||||
|
|
||||||
const containerRef = useRef<HTMLDivElement | null>(null);
|
const containerRef = useRef<HTMLDivElement | null>(null);
|
||||||
|
const timelineContainerRef = useRef<HTMLDivElement | null>(null);
|
||||||
|
const rowRefs = useRef<(HTMLDivElement | null)[]>([]);
|
||||||
const [_selectedZone, setSelectedZone] = useState("");
|
const [_selectedZone, setSelectedZone] = useState("");
|
||||||
const [_lifecycleZones, setLifecycleZones] = useState<string[]>([]);
|
const [_lifecycleZones, setLifecycleZones] = useState<string[]>([]);
|
||||||
const [seekToTimestamp, setSeekToTimestamp] = useState<number | null>(null);
|
const [seekToTimestamp, setSeekToTimestamp] = useState<number | null>(null);
|
||||||
|
const [lineBottomOffsetPx, setLineBottomOffsetPx] = useState<number>(32);
|
||||||
|
const [lineTopOffsetPx, setLineTopOffsetPx] = useState<number>(8);
|
||||||
|
const [blueLineHeightPx, setBlueLineHeightPx] = useState<number>(0);
|
||||||
|
|
||||||
|
const [timelineSize] = useResizeObserver(timelineContainerRef);
|
||||||
|
|
||||||
const aspectRatio = useMemo(() => {
|
const aspectRatio = useMemo(() => {
|
||||||
if (!config) {
|
if (!config) {
|
||||||
@ -221,60 +229,74 @@ export function TrackingDetails({
|
|||||||
displaySource,
|
displaySource,
|
||||||
]);
|
]);
|
||||||
|
|
||||||
const isWithinEventRange =
|
const isWithinEventRange = useMemo(() => {
|
||||||
effectiveTime !== undefined &&
|
if (effectiveTime === undefined || event.start_time === undefined) {
|
||||||
event.start_time !== undefined &&
|
return false;
|
||||||
event.end_time !== undefined &&
|
}
|
||||||
effectiveTime >= event.start_time &&
|
// If an event has not ended yet, fall back to last timestamp in eventSequence
|
||||||
effectiveTime <= event.end_time;
|
let eventEnd = event.end_time;
|
||||||
|
if (eventEnd == null && eventSequence && eventSequence.length > 0) {
|
||||||
// Calculate how far down the blue line should extend based on effectiveTime
|
const last = eventSequence[eventSequence.length - 1];
|
||||||
const calculateLineHeight = useCallback(() => {
|
if (last && last.timestamp !== undefined) {
|
||||||
if (!eventSequence || eventSequence.length === 0 || !isWithinEventRange) {
|
eventEnd = last.timestamp;
|
||||||
return 0;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const currentTime = effectiveTime ?? 0;
|
if (eventEnd == null) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return effectiveTime >= event.start_time && effectiveTime <= eventEnd;
|
||||||
|
}, [effectiveTime, event.start_time, event.end_time, eventSequence]);
|
||||||
|
|
||||||
// Find which events have been passed
|
// Dynamically compute pixel offsets so the timeline line starts at the
|
||||||
let lastPassedIndex = -1;
|
// first row midpoint and ends at the last row midpoint. For accuracy,
|
||||||
for (let i = 0; i < eventSequence.length; i++) {
|
// measure the center Y of each lifecycle row and interpolate the current
|
||||||
if (currentTime >= (eventSequence[i].timestamp ?? 0)) {
|
// effective time into a pixel position; then set the blue line height
|
||||||
lastPassedIndex = i;
|
// so it reaches the center dot at the same time the dot becomes active.
|
||||||
|
useEffect(() => {
|
||||||
|
if (!timelineContainerRef.current || !eventSequence) return;
|
||||||
|
|
||||||
|
const containerRect = timelineContainerRef.current.getBoundingClientRect();
|
||||||
|
const validRefs = rowRefs.current.filter((r) => r !== null);
|
||||||
|
if (validRefs.length === 0) return;
|
||||||
|
|
||||||
|
const centers = validRefs.map((n) => {
|
||||||
|
const r = n.getBoundingClientRect();
|
||||||
|
return r.top + r.height / 2 - containerRect.top;
|
||||||
|
});
|
||||||
|
|
||||||
|
const topOffset = Math.max(0, centers[0]);
|
||||||
|
const bottomOffset = Math.max(
|
||||||
|
0,
|
||||||
|
containerRect.height - centers[centers.length - 1],
|
||||||
|
);
|
||||||
|
|
||||||
|
setLineTopOffsetPx(Math.round(topOffset));
|
||||||
|
setLineBottomOffsetPx(Math.round(bottomOffset));
|
||||||
|
|
||||||
|
const eff = effectiveTime ?? 0;
|
||||||
|
const timestamps = eventSequence.map((s) => s.timestamp ?? 0);
|
||||||
|
|
||||||
|
let pixelPos = centers[0];
|
||||||
|
if (eff <= timestamps[0]) {
|
||||||
|
pixelPos = centers[0];
|
||||||
|
} else if (eff >= timestamps[timestamps.length - 1]) {
|
||||||
|
pixelPos = centers[centers.length - 1];
|
||||||
} else {
|
} else {
|
||||||
|
for (let i = 0; i < timestamps.length - 1; i++) {
|
||||||
|
const t1 = timestamps[i];
|
||||||
|
const t2 = timestamps[i + 1];
|
||||||
|
if (eff >= t1 && eff <= t2) {
|
||||||
|
const ratio = t2 > t1 ? (eff - t1) / (t2 - t1) : 0;
|
||||||
|
pixelPos = centers[i] + ratio * (centers[i + 1] - centers[i]);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// No events passed yet
|
const bluePx = Math.round(Math.max(0, pixelPos - topOffset));
|
||||||
if (lastPassedIndex < 0) return 0;
|
setBlueLineHeightPx(bluePx);
|
||||||
|
}, [eventSequence, timelineSize.width, timelineSize.height, effectiveTime]);
|
||||||
// All events passed
|
|
||||||
if (lastPassedIndex >= eventSequence.length - 1) return 100;
|
|
||||||
|
|
||||||
// Calculate percentage based on item position, not time
|
|
||||||
// Each item occupies an equal visual space regardless of time gaps
|
|
||||||
const itemPercentage = 100 / (eventSequence.length - 1);
|
|
||||||
|
|
||||||
// Find progress between current and next event for smooth transition
|
|
||||||
const currentEvent = eventSequence[lastPassedIndex];
|
|
||||||
const nextEvent = eventSequence[lastPassedIndex + 1];
|
|
||||||
const currentTimestamp = currentEvent.timestamp ?? 0;
|
|
||||||
const nextTimestamp = nextEvent.timestamp ?? 0;
|
|
||||||
|
|
||||||
// Calculate interpolation between the two events
|
|
||||||
const timeBetween = nextTimestamp - currentTimestamp;
|
|
||||||
const timeElapsed = currentTime - currentTimestamp;
|
|
||||||
const interpolation = timeBetween > 0 ? timeElapsed / timeBetween : 0;
|
|
||||||
|
|
||||||
// Base position plus interpolated progress to next item
|
|
||||||
return Math.min(
|
|
||||||
100,
|
|
||||||
lastPassedIndex * itemPercentage + interpolation * itemPercentage,
|
|
||||||
);
|
|
||||||
}, [eventSequence, effectiveTime, isWithinEventRange]);
|
|
||||||
|
|
||||||
const blueLineHeight = calculateLineHeight();
|
|
||||||
|
|
||||||
const videoSource = useMemo(() => {
|
const videoSource = useMemo(() => {
|
||||||
// event.start_time and event.end_time are in DETECT stream time
|
// event.start_time and event.end_time are in DETECT stream time
|
||||||
@ -531,12 +553,21 @@ export function TrackingDetails({
|
|||||||
{t("detail.noObjectDetailData", { ns: "views/events" })}
|
{t("detail.noObjectDetailData", { ns: "views/events" })}
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className="-pb-2 relative mx-0">
|
<div
|
||||||
<div className="absolute -top-2 bottom-8 left-6 z-0 w-0.5 -translate-x-1/2 bg-secondary-foreground" />
|
className="-pb-2 relative mx-0"
|
||||||
|
ref={timelineContainerRef}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className="absolute -top-2 left-6 z-0 w-0.5 -translate-x-1/2 bg-secondary-foreground"
|
||||||
|
style={{ bottom: lineBottomOffsetPx }}
|
||||||
|
/>
|
||||||
{isWithinEventRange && (
|
{isWithinEventRange && (
|
||||||
<div
|
<div
|
||||||
className="absolute left-6 top-2 z-[5] max-h-[calc(100%-3rem)] w-0.5 -translate-x-1/2 bg-selected transition-all duration-300"
|
className="absolute left-6 z-[5] w-0.5 -translate-x-1/2 bg-selected transition-all duration-300"
|
||||||
style={{ height: `${blueLineHeight}%` }}
|
style={{
|
||||||
|
top: `${lineTopOffsetPx}px`,
|
||||||
|
height: `${blueLineHeightPx}px`,
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
@ -589,8 +620,13 @@ export function TrackingDetails({
|
|||||||
: undefined;
|
: undefined;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<LifecycleIconRow
|
<div
|
||||||
key={`${item.timestamp}-${item.source_id ?? ""}-${idx}`}
|
key={`${item.timestamp}-${item.source_id ?? ""}-${idx}`}
|
||||||
|
ref={(el) => {
|
||||||
|
rowRefs.current[idx] = el;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<LifecycleIconRow
|
||||||
item={item}
|
item={item}
|
||||||
isActive={isActive}
|
isActive={isActive}
|
||||||
formattedEventTimestamp={formattedEventTimestamp}
|
formattedEventTimestamp={formattedEventTimestamp}
|
||||||
@ -603,6 +639,7 @@ export function TrackingDetails({
|
|||||||
effectiveTime={effectiveTime}
|
effectiveTime={effectiveTime}
|
||||||
isTimelineActive={isWithinEventRange}
|
isTimelineActive={isWithinEventRange}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -318,6 +318,7 @@ export default function HlsVideoPlayer({
|
|||||||
{isDetailMode &&
|
{isDetailMode &&
|
||||||
camera &&
|
camera &&
|
||||||
currentTime &&
|
currentTime &&
|
||||||
|
loadedMetadata &&
|
||||||
videoDimensions.width > 0 &&
|
videoDimensions.width > 0 &&
|
||||||
videoDimensions.height > 0 && (
|
videoDimensions.height > 0 && (
|
||||||
<div className="absolute z-50 size-full">
|
<div className="absolute z-50 size-full">
|
||||||
|
|||||||
@ -15,6 +15,7 @@ import {
|
|||||||
ReviewSummary,
|
ReviewSummary,
|
||||||
SegmentedReviewData,
|
SegmentedReviewData,
|
||||||
} from "@/types/review";
|
} from "@/types/review";
|
||||||
|
import { TimelineType } from "@/types/timeline";
|
||||||
import {
|
import {
|
||||||
getBeginningOfDayTimestamp,
|
getBeginningOfDayTimestamp,
|
||||||
getEndOfDayTimestamp,
|
getEndOfDayTimestamp,
|
||||||
@ -49,6 +50,16 @@ export default function Events() {
|
|||||||
false,
|
false,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const [notificationTab, setNotificationTab] =
|
||||||
|
useState<TimelineType>("timeline");
|
||||||
|
|
||||||
|
useSearchEffect("tab", (tab: string) => {
|
||||||
|
if (tab === "timeline" || tab === "events" || tab === "detail") {
|
||||||
|
setNotificationTab(tab as TimelineType);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
});
|
||||||
|
|
||||||
useSearchEffect("id", (reviewId: string) => {
|
useSearchEffect("id", (reviewId: string) => {
|
||||||
axios
|
axios
|
||||||
.get(`review/${reviewId}`)
|
.get(`review/${reviewId}`)
|
||||||
@ -66,7 +77,7 @@ export default function Events() {
|
|||||||
camera: resp.data.camera,
|
camera: resp.data.camera,
|
||||||
startTime,
|
startTime,
|
||||||
severity: resp.data.severity,
|
severity: resp.data.severity,
|
||||||
timelineType: "detail",
|
timelineType: notificationTab,
|
||||||
},
|
},
|
||||||
true,
|
true,
|
||||||
);
|
);
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
import { ReviewSeverity } from "./review";
|
import { ReviewSeverity } from "./review";
|
||||||
|
import { TimelineType } from "./timeline";
|
||||||
|
|
||||||
export type Recording = {
|
export type Recording = {
|
||||||
id: string;
|
id: string;
|
||||||
@ -37,7 +38,7 @@ export type RecordingStartingPoint = {
|
|||||||
camera: string;
|
camera: string;
|
||||||
startTime: number;
|
startTime: number;
|
||||||
severity: ReviewSeverity;
|
severity: ReviewSeverity;
|
||||||
timelineType?: "timeline" | "events" | "detail";
|
timelineType?: TimelineType;
|
||||||
};
|
};
|
||||||
|
|
||||||
export type RecordingPlayerError = "stalled" | "startup";
|
export type RecordingPlayerError = "stalled" | "startup";
|
||||||
|
|||||||
@ -16,7 +16,6 @@ import { useCallback, useEffect, useMemo, useState } from "react";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { FaFolderPlus } from "react-icons/fa";
|
import { FaFolderPlus } from "react-icons/fa";
|
||||||
import { MdModelTraining } from "react-icons/md";
|
import { MdModelTraining } from "react-icons/md";
|
||||||
import { LuPencil, LuTrash2 } from "react-icons/lu";
|
|
||||||
import { FiMoreVertical } from "react-icons/fi";
|
import { FiMoreVertical } from "react-icons/fi";
|
||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
import Heading from "@/components/ui/heading";
|
import Heading from "@/components/ui/heading";
|
||||||
@ -352,11 +351,9 @@ function ModelCard({ config, onClick, onUpdate, onDelete }: ModelCardProps) {
|
|||||||
onClick={(e) => e.stopPropagation()}
|
onClick={(e) => e.stopPropagation()}
|
||||||
>
|
>
|
||||||
<DropdownMenuItem onClick={handleEditClick}>
|
<DropdownMenuItem onClick={handleEditClick}>
|
||||||
<LuPencil className="mr-2 size-4" />
|
|
||||||
<span>{t("button.edit", { ns: "common" })}</span>
|
<span>{t("button.edit", { ns: "common" })}</span>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onClick={handleDeleteClick}>
|
<DropdownMenuItem onClick={handleDeleteClick}>
|
||||||
<LuTrash2 className="mr-2 size-4" />
|
|
||||||
<span>{t("button.delete", { ns: "common" })}</span>
|
<span>{t("button.delete", { ns: "common" })}</span>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
|
|||||||
@ -799,7 +799,7 @@ function DetectionReview({
|
|||||||
(itemsToReview ?? 0) > 0 && (
|
(itemsToReview ?? 0) > 0 && (
|
||||||
<div className="col-span-full flex items-center justify-center">
|
<div className="col-span-full flex items-center justify-center">
|
||||||
<Button
|
<Button
|
||||||
className="text-white"
|
className="text-balance text-white"
|
||||||
aria-label={t("markTheseItemsAsReviewed")}
|
aria-label={t("markTheseItemsAsReviewed")}
|
||||||
variant="select"
|
variant="select"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
|||||||
@ -850,6 +850,29 @@ function FrigateCameraFeatures({
|
|||||||
}
|
}
|
||||||
}, [activeToastId, t]);
|
}, [activeToastId, t]);
|
||||||
|
|
||||||
|
const endEventViaBeacon = useCallback(() => {
|
||||||
|
if (!recordingEventIdRef.current) return;
|
||||||
|
|
||||||
|
const url = `${window.location.origin}/api/events/${recordingEventIdRef.current}/end`;
|
||||||
|
const payload = JSON.stringify({
|
||||||
|
end_time: Math.ceil(Date.now() / 1000),
|
||||||
|
});
|
||||||
|
|
||||||
|
// this needs to be a synchronous XMLHttpRequest to guarantee the PUT
|
||||||
|
// reaches the server before the browser kills the page
|
||||||
|
const xhr = new XMLHttpRequest();
|
||||||
|
try {
|
||||||
|
xhr.open("PUT", url, false);
|
||||||
|
xhr.setRequestHeader("Content-Type", "application/json");
|
||||||
|
xhr.setRequestHeader("X-CSRF-TOKEN", "1");
|
||||||
|
xhr.setRequestHeader("X-CACHE-BYPASS", "1");
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
xhr.send(payload);
|
||||||
|
} catch (e) {
|
||||||
|
// Silently ignore errors during unload
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
const handleEventButtonClick = useCallback(() => {
|
const handleEventButtonClick = useCallback(() => {
|
||||||
if (isRecording) {
|
if (isRecording) {
|
||||||
endEvent();
|
endEvent();
|
||||||
@ -887,8 +910,19 @@ function FrigateCameraFeatures({
|
|||||||
}, [camera.name, isRestreamed, preferredLiveMode, t]);
|
}, [camera.name, isRestreamed, preferredLiveMode, t]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
// Handle page unload/close (browser close, tab close, refresh, navigation to external site)
|
||||||
|
const handleBeforeUnload = () => {
|
||||||
|
if (recordingEventIdRef.current) {
|
||||||
|
endEventViaBeacon();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener("beforeunload", handleBeforeUnload);
|
||||||
|
|
||||||
// ensure manual event is stopped when component unmounts
|
// ensure manual event is stopped when component unmounts
|
||||||
return () => {
|
return () => {
|
||||||
|
window.removeEventListener("beforeunload", handleBeforeUnload);
|
||||||
|
|
||||||
if (recordingEventIdRef.current) {
|
if (recordingEventIdRef.current) {
|
||||||
endEvent();
|
endEvent();
|
||||||
}
|
}
|
||||||
|
|||||||
@ -201,12 +201,17 @@ export default function TriggerView({
|
|||||||
.then((configResponse) => {
|
.then((configResponse) => {
|
||||||
if (configResponse.status === 200) {
|
if (configResponse.status === 200) {
|
||||||
updateConfig();
|
updateConfig();
|
||||||
|
const displayName =
|
||||||
|
friendly_name && friendly_name !== ""
|
||||||
|
? `${friendly_name} (${name})`
|
||||||
|
: name;
|
||||||
|
|
||||||
toast.success(
|
toast.success(
|
||||||
t(
|
t(
|
||||||
isEdit
|
isEdit
|
||||||
? "triggers.toast.success.updateTrigger"
|
? "triggers.toast.success.updateTrigger"
|
||||||
: "triggers.toast.success.createTrigger",
|
: "triggers.toast.success.createTrigger",
|
||||||
{ name },
|
{ name: displayName },
|
||||||
),
|
),
|
||||||
{ position: "top-center" },
|
{ position: "top-center" },
|
||||||
);
|
);
|
||||||
@ -351,8 +356,19 @@ export default function TriggerView({
|
|||||||
.then((configResponse) => {
|
.then((configResponse) => {
|
||||||
if (configResponse.status === 200) {
|
if (configResponse.status === 200) {
|
||||||
updateConfig();
|
updateConfig();
|
||||||
|
const friendly =
|
||||||
|
config?.cameras?.[selectedCamera]?.semantic_search
|
||||||
|
?.triggers?.[name]?.friendly_name;
|
||||||
|
|
||||||
|
const displayName =
|
||||||
|
friendly && friendly !== ""
|
||||||
|
? `${friendly} (${name})`
|
||||||
|
: name;
|
||||||
|
|
||||||
toast.success(
|
toast.success(
|
||||||
t("triggers.toast.success.deleteTrigger", { name }),
|
t("triggers.toast.success.deleteTrigger", {
|
||||||
|
name: displayName,
|
||||||
|
}),
|
||||||
{
|
{
|
||||||
position: "top-center",
|
position: "top-center",
|
||||||
},
|
},
|
||||||
@ -381,7 +397,7 @@ export default function TriggerView({
|
|||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
[t, updateConfig, selectedCamera, setUnsavedChanges],
|
[t, updateConfig, selectedCamera, setUnsavedChanges, config],
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@ -843,7 +859,14 @@ export default function TriggerView({
|
|||||||
/>
|
/>
|
||||||
<DeleteTriggerDialog
|
<DeleteTriggerDialog
|
||||||
show={showDelete}
|
show={showDelete}
|
||||||
triggerName={selectedTrigger?.name ?? ""}
|
triggerName={
|
||||||
|
selectedTrigger
|
||||||
|
? selectedTrigger.friendly_name &&
|
||||||
|
selectedTrigger.friendly_name !== ""
|
||||||
|
? `${selectedTrigger.friendly_name} (${selectedTrigger.name})`
|
||||||
|
: selectedTrigger.name
|
||||||
|
: ""
|
||||||
|
}
|
||||||
isLoading={isLoading}
|
isLoading={isLoading}
|
||||||
onCancel={() => {
|
onCancel={() => {
|
||||||
setShowDelete(false);
|
setShowDelete(false);
|
||||||
|
|||||||
@ -72,8 +72,7 @@ export default function StorageMetrics({
|
|||||||
const earliestDate = useMemo(() => {
|
const earliestDate = useMemo(() => {
|
||||||
const keys = Object.keys(recordingsSummary || {});
|
const keys = Object.keys(recordingsSummary || {});
|
||||||
return keys.length
|
return keys.length
|
||||||
? new TZDate(keys[keys.length - 1] + "T00:00:00", timezone).getTime() /
|
? new TZDate(keys[0] + "T00:00:00", timezone).getTime() / 1000
|
||||||
1000
|
|
||||||
: null;
|
: null;
|
||||||
}, [recordingsSummary, timezone]);
|
}, [recordingsSummary, timezone]);
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user