From 69800632feb9b90a7bac120c6bd72f8f8d1dae4d Mon Sep 17 00:00:00 2001
From: johzzy <hellojinqiang@gmail.com>
Date: Tue, 12 Mar 2024 23:48:17 -0300
Subject: [PATCH] feat(html): update webrtc page (#3361)

optimized webrtc page
---
 www/webrtc/index.html | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/www/webrtc/index.html b/www/webrtc/index.html
index 26a129b7..87c217b7 100644
--- a/www/webrtc/index.html
+++ b/www/webrtc/index.html
@@ -115,17 +115,10 @@
       document.getElementsByName("method").forEach((el,idx) => {
         el.checked = el.value === type;
         el.onclick = function(e) {
-          let url = new URL(document.getElementById('streamUrl').value);
+          const url = new URL(document.getElementById('streamUrl').value);
           url.searchParams.set("type",el.value);
           document.getElementById('streamUrl').value = url.toString();
-          
-          if(el.value == "play"){
-            recvOnly = true;
-          }else if(el.value == "echo"){ 
-            recvOnly = false;
-          }else{
-            recvOnly = false;
-          }
+          recvOnly = 'play' === el.value;
         };
       });
 
@@ -145,6 +138,25 @@
         let h = parseInt(res.pop());
         let w = parseInt(res.pop());
 
+        const url = new URL(document.getElementById('streamUrl').value);
+        const newUrl = new URL(window.location.href);
+        let count = 0;
+        if (url.searchParams.has('app')) {
+            newUrl.searchParams.set('app', url.searchParams.get('app'));
+            count++;
+        }
+        if (url.searchParams.has('stream')) {
+            newUrl.searchParams.set('stream', url.searchParams.get('stream'));
+            count++;
+        }
+        if (url.searchParams.has('type')) {
+            newUrl.searchParams.set('type', url.searchParams.get('type'));
+            count++;
+        }
+        if (count > 0) {
+            window.history.pushState(null, null, newUrl);
+        }
+
         player = new ZLMRTCClient.Endpoint(
                 {
                     element: document.getElementById('video'),// video 标签