From 91037e236f4a4c9026e10eba80d5fe71efce4a44 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Fri, 13 Jan 2023 13:57:13 -0700
Subject: [PATCH] Fix MSE check for birdseye

---
 web/src/routes/Birdseye.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/routes/Birdseye.jsx b/web/src/routes/Birdseye.jsx
index 1097286d3..6571d8eab 100644
--- a/web/src/routes/Birdseye.jsx
+++ b/web/src/routes/Birdseye.jsx
@@ -6,7 +6,6 @@ import Heading from '../components/Heading';
 import WebRtcPlayer from '../components/WebRtcPlayer';
 import MsePlayer from '../components/MsePlayer';
 import useSWR from 'swr';
-import videojs from 'video.js';
 
 export default function Birdseye() {
   const { data: config } = useSWR('config');
@@ -20,19 +19,19 @@ export default function Birdseye() {
 
   let player;
   if (viewSource == 'mse' && config.restream.birdseye) {
-    if (videojs.browser.IS_IOS) {
+    if ('MediaSource' in window) {
       player = (
         <Fragment>
-          <div className="w-5xl text-center text-sm">
-            MSE is not supported on iOS devices. You'll need to use jsmpeg or webRTC. See the docs for more info.
+          <div className="max-w-5xl">
+            <MsePlayer camera="birdseye" />
           </div>
         </Fragment>
       );
     } else {
       player = (
         <Fragment>
-          <div className="max-w-5xl">
-            <MsePlayer camera="birdseye" />
+          <div className="w-5xl text-center text-sm">
+            MSE is not supported on iOS devices. You'll need to use jsmpeg or webRTC. See the docs for more info.
           </div>
         </Fragment>
       );