Visit camera directly from system page

docs/docs/configuration/index.md

@@ -520,6 +520,9 @@ cameras:
     # to be replaced by a newer image. (default: shown below)
     best_image_timeout: 60
 
+    # Optional: URL to visit the camera directly from system page (default: shown below)
+    visit_url: ""
+
     # Optional: zones for this camera
     zones:
       # Required: name of the zone

frigate/config.py

@@ -731,6 +731,10 @@ class CameraConfig(FrigateBaseModel):
         default=60,
         title="How long to wait for the image with the highest confidence score.",
     )
+    visit_url: str = Field(
+        default="",
+        title="URL to visit the camera directly from system page.",
+    )
     zones: Dict[str, ZoneConfig] = Field(
         default_factory=dict, title="Zone configuration."
     )

web/src/routes/System.jsx

@@ -347,7 +347,19 @@ export default function System() {
                     >
                       <div className="capitalize text-lg flex justify-between p-4">
                         <Link href={`/cameras/${camera}`}>{camera.replaceAll('_', ' ')}</Link>
-                        <Button onClick={(e) => onHandleFfprobe(camera, e)}>ffprobe</Button>
+                        <div className="flex">
+                          {(config.cameras[camera]['visit_url'] != "") && (
+                            <Link
+                              className="text-blue-500 hover:underline"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              href={config.cameras[camera]['visit_url']}
+                            >
+                              visit
+                            </Link>
+                          )}
+                          <Button className="ml-2" onClick={(e) => onHandleFfprobe(camera, e)}>ffprobe</Button>
+                        </div>
                       </div>
                       <div className="p-2">
                         <Table className="w-full">