From ed0b34f9f684c511a5c932e724479098cef9a67e Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 31 Oct 2022 07:47:51 -0600
Subject: [PATCH] Make separate path for mse

---
 docker/rootfs/usr/local/nginx/conf/nginx.conf | 8 ++++++++
 web/src/components/MsePlayer.jsx              | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/docker/rootfs/usr/local/nginx/conf/nginx.conf b/docker/rootfs/usr/local/nginx/conf/nginx.conf
index 70aa32869..0557a0ced 100644
--- a/docker/rootfs/usr/local/nginx/conf/nginx.conf
+++ b/docker/rootfs/usr/local/nginx/conf/nginx.conf
@@ -194,6 +194,14 @@ http {
             proxy_set_header Host $host;
         }
 
+        location /live/mse/ {
+            proxy_pass http://go2rtc/;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "Upgrade";
+            proxy_set_header Host $host;
+        }
+
         location /live/webrtc/ {
             proxy_pass http://go2rtc/;
             proxy_http_version 1.1;
diff --git a/web/src/components/MsePlayer.jsx b/web/src/components/MsePlayer.jsx
index 247867d69..cc5ba61f5 100644
--- a/web/src/components/MsePlayer.jsx
+++ b/web/src/components/MsePlayer.jsx
@@ -3,7 +3,7 @@ import { baseUrl } from '../api/baseUrl';
 import { useEffect } from 'preact/hooks';
 
 export default function MsePlayer({ camera, width, height }) {
-  const url = `${baseUrl.replace(/^http/, 'ws')}live/webrtc/api/ws?src=${camera}`;
+  const url = `${baseUrl.replace(/^http/, 'ws')}live/mse/api/ws?src=${camera}`;
 
   useEffect(() => {
     const video = document.querySelector('#video');