From 48ca0521cf58e23ebd4539500d061245beee283d Mon Sep 17 00:00:00 2001
From: Deepslient <1154547394@qq.com>
Date: Sat, 18 Nov 2023 00:50:30 +0800
Subject: [PATCH] Optimization syntax (#2915)

Optimization web rtc demon syntax
---
 www/webrtc/index.html | 39 +++++++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/www/webrtc/index.html b/www/webrtc/index.html
index 8f9b60e6..26a129b7 100644
--- a/www/webrtc/index.html
+++ b/www/webrtc/index.html
@@ -155,44 +155,47 @@
                     audioEnable:document.getElementById('audioEnable').checked,
                     videoEnable:document.getElementById('videoEnable').checked,
                     recvOnly:recvOnly,
-                    resolution:{w:w,h:h},
+                    resolution:{w,h},
                     usedatachannel:document.getElementById('datachannel').checked,
                 }
             );
     
             player.on(ZLMRTCClient.Events.WEBRTC_ICE_CANDIDATE_ERROR,function(e)
-            {// ICE 协商出错
-                console.log('ICE 协商出错');
+            {
+              // ICE 协商出错
+              console.log('ICE 协商出错');
             });
     
             player.on(ZLMRTCClient.Events.WEBRTC_ON_REMOTE_STREAMS,function(e)
-            {//获取到了远端流，可以播放
-                console.log('播放成功',e.streams);
+            {
+              //获取到了远端流，可以播放
+              console.log('播放成功',e.streams);
             });
     
             player.on(ZLMRTCClient.Events.WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED,function(e)
-            {// offer anwser 交换失败
-                console.log('offer anwser 交换失败',e);
-                stop();
+            {
+              // offer anwser 交换失败
+              console.log('offer anwser 交换失败',e);
+              stop();
             });
     
             player.on(ZLMRTCClient.Events.WEBRTC_ON_LOCAL_STREAM,function(s)
-            {// 获取到了本地流
-    
+            {
+              // 获取到了本地流 
               document.getElementById('selfVideo').srcObject=s;
               document.getElementById('selfVideo').muted = true;
-              
-                //console.log('offer anwser 交换失败',e)
+              //console.log('offer anwser 交换失败',e)
             });
 
             player.on(ZLMRTCClient.Events.CAPTURE_STREAM_FAILED,function(s)
-            {// 获取本地流失败
-    
+            {
+              // 获取本地流失败
               console.log('获取本地流失败');
             });
 
             player.on(ZLMRTCClient.Events.WEBRTC_ON_CONNECTION_STATE_CHANGE,function(state)
-            {// RTC 状态变化 ,详情参考 https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/connectionState
+            {
+              // RTC 状态变化 ,详情参考 https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/connectionState
               console.log('当前状态==>',state);
             });
 
@@ -267,19 +270,20 @@
         }
       }
 
-
       function on_click_to_play(app, stream) {
         console.log(`on_click_to_play: ${app}/${stream}`);
         var url = `${document.location.protocol}//${window.location.host}/index/api/webrtc?app=${app}&stream=${stream}&type=play`;
         document.getElementById('streamUrl').value = url;
         start();
       }
+
       function clearStreamList() {
         let content = document.getElementById("olstreamlist");
           while (content.hasChildNodes()) {
             content.removeChild(content.firstChild);
           }
       }
+
       function fillStreamList(json) {
           clearStreamList();
           if (json.code != 0 || !json.data) {
@@ -308,6 +312,7 @@
             }
           }
       }
+
       async function getData(url) {
         const response = await fetch(url, {
             method: 'GET'
@@ -316,11 +321,13 @@
         //console.log(data);
         return data;
       }
+
       function get_media_list() {
         let url = document.location.protocol+"//"+window.location.host+"/index/api/getMediaList?secret=035c73f7-bb6b-4889-a715-d9eb2d1925cc";
         let json = getData(url);
         json.then((json)=> fillStreamList(json));
       }
+      
       setInterval(() => {
        // get_media_list();
       }, 5000);