From b5752ee8501b9a97836912e404d8dc10f6c4c679 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Tue, 2 May 2023 12:37:26 -0600
Subject: [PATCH] Update birdseye mse player

---
 web/src/routes/Birdseye.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/routes/Birdseye.jsx b/web/src/routes/Birdseye.jsx
index c2742e14b..4ed800437 100644
--- a/web/src/routes/Birdseye.jsx
+++ b/web/src/routes/Birdseye.jsx
@@ -4,18 +4,16 @@ import ActivityIndicator from '../components/ActivityIndicator';
 import JSMpegPlayer from '../components/JSMpegPlayer';
 import Heading from '../components/Heading';
 import WebRtcPlayer from '../components/WebRtcPlayer';
-import MsePlayer from '../components/MsePlayer';
+import '../components/MsePlayer';
 import useSWR from 'swr';
 import { useMemo } from 'preact/hooks';
 import CameraControlPanel from '../components/CameraControlPanel';
+import { baseUrl } from '../api/baseUrl';
 
 export default function Birdseye() {
   const { data: config } = useSWR('config');
 
-  const [viewSource, setViewSource, sourceIsLoaded] = usePersistence(
-    'birdseye-source', 
-    getDefaultLiveMode(config)
-  );
+  const [viewSource, setViewSource, sourceIsLoaded] = usePersistence('birdseye-source', getDefaultLiveMode(config));
   const sourceValues = ['mse', 'webrtc', 'jsmpeg'];
 
   const ptzCameras = useMemo(() => {
@@ -38,7 +36,10 @@ export default function Birdseye() {
       player = (
         <Fragment>
           <div className={ptzCameras.length ? 'max-w-5xl xl:w-1/2' : 'max-w-5xl'}>
-            <MsePlayer camera="birdseye" />
+            <video-stream
+              mode="mse"
+              src={new URL(`${baseUrl.replace(/^http/, 'ws')}live/webrtc/api/ws?src=birdseye`)}
+            />
           </div>
         </Fragment>
       );
@@ -110,7 +111,6 @@ export default function Birdseye() {
   );
 }
 
-
 function getDefaultLiveMode(config) {
   if (config) {
     if (config.birdseye.restream) {