Use go2rtc for camera config

docker/rootfs/usr/local/nginx/conf/nginx.conf

@@ -44,7 +44,7 @@ http {
       keepalive 1024;
     }
 
-    upstream go2rtc_api {
+    upstream go2rtc {
         server 127.0.0.1:1984;
         keepalive 1024;
     }
@@ -178,8 +178,16 @@ http {
             proxy_set_header Host $host;
         }
 
-        location /restream/ {
+        location ~ /restream/(.*)$ {
-            proxy_pass http://go2rtc_api/;
+            proxy_pass http://go2rtc/api/stream.mp4?src=$1;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "Upgrade";
+            proxy_set_header Host $host;
+        }
+
+        location /go2rtc/ {
+            proxy_pass http://go2rtc/;
             proxy_http_version 1.1;
             proxy_set_header Upgrade $http_upgrade;
             proxy_set_header Connection "Upgrade";

web/src/routes/Camera.jsx

@@ -13,6 +13,7 @@ import { usePersistence } from '../context';
 import { useCallback, useMemo, useState } from 'preact/hooks';
 import { useApiHost } from '../api';
 import useSWR from 'swr';
+import VideoPlayer from '../components/VideoPlayer';
 
 const emptyObject = Object.freeze({});
 
@@ -93,6 +94,21 @@ export default function Camera({ camera }) {
 
   let player;
   if (viewMode === 'live') {
+    if (cameraConfig.restream.enabled) {
+      <VideoPlayer
+        options={{
+          preload: 'auto',
+          autoplay: true,
+          sources: [
+            {
+              src: `${apiHost}/restream/${camera}`,
+              type: 'video/mp4',
+            },
+          ],
+        }}
+        onReady={() => {}}
+      />
+    } else {
       player = (
         <Fragment>
           <div>
@@ -100,6 +116,7 @@ export default function Camera({ camera }) {
           </div>
         </Fragment>
       );
+    }
   } else if (viewMode === 'debug') {
     player = (
       <Fragment>