添加：系统信息查看

static/index.html

@@ -5,7 +5,7 @@
     <title>录播</title>
     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
     <style type="text/css">
-        td{
+        td {
             border: solid 1px lightgrey;
         }
     </style>
@@ -46,6 +46,10 @@
             <td>是否设置强制不上传</td>
             <td><span id="forceNotUpload"></span></td>
         </tr>
+        <tr>
+            <td>是否设置强制不转码</td>
+            <td><span id="forceNotEncode"></span></td>
+        </tr>
     </table>
     <hr/>
     <h1>当前状态</h1>
@@ -71,6 +75,25 @@
             <td><span id="operation"></span></td>
         </tr>
     </table>
+    <hr/>
+    <h1>机器状态</h1>
+    <table>
+        <tr>
+            <td>CPU使用率</td>
+            <td><progress id="cpuP" max="100" value="0"></progress></td>
+            <td><span id="cpu"></span>%</td>
+        </tr>
+        <tr>
+            <td>内存使用率</td>
+            <td><progress id="memUsageP" max="100" value="0"></progress></td>
+            <td><span id="memUsed"></span>/<span id="memTotal"></span>(<span id="memUsage"></span>%)</td>
+        </tr>
+        <tr>
+            <td>磁盘使用率</td>
+            <td><progress id="diskUsageP" max="100" value="0"></progress></td>
+            <td><span id="diskUsed"></span>/<span id="diskTotal"></span>(<span id="diskUsage"></span>%)</td>
+        </tr>
+    </table>
 </div>
 </body>
 <script src="index.js"></script>

static/index.js

@@ -1,4 +1,4 @@
-function update(){
+function taskUpdate(){
     $.ajax(
         "/stats",
         {
@@ -9,6 +9,7 @@ function update(){
                 $("#forceNotBroadcasting").text(res.data.config.forceNotBroadcasting)
                 $("#forceStopDownload").text(res.data.config.forceStopDownload)
                 $("#forceNotUpload").text(res.data.config.forceNotUpload)
+                $("#forceNotEncode").text(res.data.config.forceNotEncode)
                 $("#updateTime").text(res.data.broadcast.updateTime)
                 $("#download").html(function(){
                     var ret = ""
@@ -42,5 +43,26 @@ function update(){
         }
     )
 }
-update()
-setInterval(update,10000)
+function deviceUpdate(){
+        $.ajax(
+        "/stats/device",
+        {
+            success: function (res){
+                $("#memTotal").text(res.data.status.memTotal)
+                $("#memUsed").text(res.data.status.memUsed)
+                $("#memUsage").text(res.data.status.memUsage)
+                $("#diskTotal").text(res.data.status.diskTotal)
+                $("#diskUsed").text(res.data.status.diskUsed)
+                $("#diskUsage").text(res.data.status.diskUsage)
+                $("#cpu").text(res.data.status.cpu)
+                $("#memUsageP").val(res.data.status.memUsage)
+                $("#diskUsageP").val(res.data.status.diskUsage)
+                $("#cpuP").val(res.data.status.cpu)
+            }
+        }
+    )
+}
+taskUpdate()
+deviceUpdate()
+setInterval(taskUpdate,10000)
+setInterval(deviceUpdate,5000)