From f3e0ced1cddb887c5e23991f7d2d183819f12687 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 29 Dec 2022 09:36:13 -0700
Subject: [PATCH] Frontend Player Fixes (#4778)

* Fix Firefox WebRTC support

* Set max size for birdseye
---
 web/src/components/WebRtcPlayer.jsx | 2 +-
 web/src/routes/Birdseye.jsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/WebRtcPlayer.jsx b/web/src/components/WebRtcPlayer.jsx
index 051259589..c6c1b750f 100644
--- a/web/src/components/WebRtcPlayer.jsx
+++ b/web/src/components/WebRtcPlayer.jsx
@@ -19,7 +19,7 @@ export default function WebRtcPlayer({ camera, width, height }) {
       const msg = JSON.parse(ev.data);
 
       if (msg.type === 'webrtc/candidate') {
-        pc.addIceCandidate({ candidate: msg.value, sdpMid: '' });
+        pc.addIceCandidate({ candidate: msg.value, sdpMid: '0' });
       } else if (msg.type === 'webrtc/answer') {
         pc.setRemoteDescription({ type: 'answer', sdp: msg.value });
       }
diff --git a/web/src/routes/Birdseye.jsx b/web/src/routes/Birdseye.jsx
index 37f4d0ef0..75b356054 100644
--- a/web/src/routes/Birdseye.jsx
+++ b/web/src/routes/Birdseye.jsx
@@ -6,7 +6,7 @@ export default function Birdseye() {
   return (
     <div className="space-y-4 p-2 px-4">
       <Heading size="2xl">Birdseye</Heading>
-      <div>
+      <div className="max-w-7xl">
         <JSMpegPlayer camera="birdseye" />
       </div>
     </div>