You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
421 lines
16 KiB
421 lines
16 KiB
11 months ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>实时预览</title>
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
||
|
|
<link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
|
||
|
|
<link href="data/styles.css" type="text/css" rel="stylesheet"/>
|
||
|
|
<link href="files/实时预览/styles.css" type="text/css" rel="stylesheet"/>
|
||
|
|
<script src="resources/scripts/jquery-3.2.1.min.js"></script>
|
||
|
|
<script src="resources/scripts/axure/axQuery.js"></script>
|
||
|
|
<script src="resources/scripts/axure/globals.js"></script>
|
||
|
|
<script src="resources/scripts/axutils.js"></script>
|
||
|
|
<script src="resources/scripts/axure/annotation.js"></script>
|
||
|
|
<script src="resources/scripts/axure/axQuery.std.js"></script>
|
||
|
|
<script src="resources/scripts/axure/doc.js"></script>
|
||
|
|
<script src="resources/scripts/messagecenter.js"></script>
|
||
|
|
<script src="resources/scripts/axure/events.js"></script>
|
||
|
|
<script src="resources/scripts/axure/recording.js"></script>
|
||
|
|
<script src="resources/scripts/axure/action.js"></script>
|
||
|
|
<script src="resources/scripts/axure/expr.js"></script>
|
||
|
|
<script src="resources/scripts/axure/geometry.js"></script>
|
||
|
|
<script src="resources/scripts/axure/flyout.js"></script>
|
||
|
|
<script src="resources/scripts/axure/model.js"></script>
|
||
|
|
<script src="resources/scripts/axure/repeater.js"></script>
|
||
|
|
<script src="resources/scripts/axure/sto.js"></script>
|
||
|
|
<script src="resources/scripts/axure/utils.temp.js"></script>
|
||
|
|
<script src="resources/scripts/axure/variables.js"></script>
|
||
|
|
<script src="resources/scripts/axure/drag.js"></script>
|
||
|
|
<script src="resources/scripts/axure/move.js"></script>
|
||
|
|
<script src="resources/scripts/axure/visibility.js"></script>
|
||
|
|
<script src="resources/scripts/axure/style.js"></script>
|
||
|
|
<script src="resources/scripts/axure/adaptive.js"></script>
|
||
|
|
<script src="resources/scripts/axure/tree.js"></script>
|
||
|
|
<script src="resources/scripts/axure/init.temp.js"></script>
|
||
|
|
<script src="resources/scripts/axure/legacy.js"></script>
|
||
|
|
<script src="resources/scripts/axure/viewer.js"></script>
|
||
|
|
<script src="resources/scripts/axure/math.js"></script>
|
||
|
|
<script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
|
||
|
|
<script src="data/document.js"></script>
|
||
|
|
<script src="files/实时预览/data.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
|
||
|
|
$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
|
||
|
|
$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="base" class="">
|
||
|
|
|
||
|
|
<!-- Unnamed (web框架一) -->
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u16" class="ax_default flow_shape">
|
||
|
|
<div id="u16_div" class=""></div>
|
||
|
|
<div id="u16_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u17" class="ax_default flow_shape">
|
||
|
|
<div id="u17_div" class=""></div>
|
||
|
|
<div id="u17_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u18" class="ax_default heading_1">
|
||
|
|
<div id="u18_div" class=""></div>
|
||
|
|
<div id="u18_text" class="text ">
|
||
|
|
<p><span>智凡BOX</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u19" class="ax_default heading_3">
|
||
|
|
<div id="u19_div" class=""></div>
|
||
|
|
<div id="u19_text" class="text ">
|
||
|
|
<p><span>@2024 ZFKJ All Rights Reserved </span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu) -->
|
||
|
|
<div id="u20" class="ax_default">
|
||
|
|
<img id="u20_menu" class="img " src="images/实时预览/u20_menu.png" alt="u20_menu"/>
|
||
|
|
|
||
|
|
<!-- Unnamed (Table) -->
|
||
|
|
<div id="u21" class="ax_default">
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu Item) -->
|
||
|
|
<div id="u22" class="ax_default menu_item">
|
||
|
|
<img id="u22_img" class="img " src="images/实时预览/u22.png"/>
|
||
|
|
<div id="u22_text" class="text ">
|
||
|
|
<p><span>实时预览</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu Item) -->
|
||
|
|
<div id="u23" class="ax_default menu_item">
|
||
|
|
<img id="u23_img" class="img " src="images/实时预览/u22.png"/>
|
||
|
|
<div id="u23_text" class="text ">
|
||
|
|
<p><span>通道管理</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu Item) -->
|
||
|
|
<div id="u24" class="ax_default menu_item">
|
||
|
|
<img id="u24_img" class="img " src="images/实时预览/u22.png"/>
|
||
|
|
<div id="u24_text" class="text ">
|
||
|
|
<p><span>算法管理</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu Item) -->
|
||
|
|
<div id="u25" class="ax_default menu_item">
|
||
|
|
<img id="u25_img" class="img " src="images/实时预览/u22.png"/>
|
||
|
|
<div id="u25_text" class="text ">
|
||
|
|
<p><span>系统管理</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Menu Item) -->
|
||
|
|
<div id="u26" class="ax_default menu_item">
|
||
|
|
<img id="u26_img" class="img " src="images/实时预览/u26.png"/>
|
||
|
|
<div id="u26_text" class="text ">
|
||
|
|
<p><span>用户管理</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Shape) -->
|
||
|
|
<div id="u27" class="ax_default icon">
|
||
|
|
<img id="u27_img" class="img " src="images/登录/u4.svg"/>
|
||
|
|
<div id="u27_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u28" class="ax_default heading_3">
|
||
|
|
<div id="u28_div" class=""></div>
|
||
|
|
<div id="u28_text" class="text ">
|
||
|
|
<p><span>张三</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u29" class="ax_default primary_button">
|
||
|
|
<div id="u29_div" class=""></div>
|
||
|
|
<div id="u29_text" class="text ">
|
||
|
|
<p><span>退出</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="u15" style="display:none; visibility:hidden;"></div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u30" class="ax_default primary_button">
|
||
|
|
<div id="u30_div" class=""></div>
|
||
|
|
<div id="u30_text" class="text ">
|
||
|
|
<p><span>实时预览</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u31" class="ax_default flow_shape">
|
||
|
|
<div id="u31_div" class=""></div>
|
||
|
|
<div id="u31_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
10 months ago
|
document.addEventListener('DOMContentLoaded', async function() {
|
||
|
|
console.log('DOM fully loaded and parsed');
|
||
|
|
|
||
|
|
// 发送请求获取额外数据
|
||
|
|
try {
|
||
|
|
let response = await fetch('/api/channel/list');
|
||
|
|
if (!response.ok) {
|
||
|
|
throw new Error('Network response was not ok');
|
||
|
|
}
|
||
|
|
let channelList = await response.json();
|
||
|
|
// 遍历输出每个元素的信息
|
||
|
|
channelList.forEach(channel => {
|
||
|
|
if(channel.element_id){ //""空为false，非空为true
|
||
|
|
//拿分析画面显示 ---------？ 没有配置算法就拉实时画面，---实时画面都没有则黑屏加提示
|
||
|
|
console.log(`Area Name: ${channel.area_name}`);
|
||
|
|
console.log(`ID: ${channel.ID}`);
|
||
|
|
console.log(`Channel Name: ${channel.channel_name}`);
|
||
|
|
console.log(`URL: ${channel.url}`);
|
||
|
|
console.log(`Type: ${channel.type}`);
|
||
|
|
console.log(`Status: ${channel.status}`);
|
||
|
|
console.log(`Element ID: ${channel.element_id}`);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} catch (error) {
|
||
|
|
console.error('Failed to fetch data:', error);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
<!-- window.onload = function() {-->
|
||
|
|
<!-- // 页面加载完成后执行的代码-->
|
||
|
|
<!-- start();-->
|
||
|
|
<!-- var intervalId = setInterval(showView, 1000);-->
|
||
|
|
<!-- setTimeout(function() {-->
|
||
|
|
<!-- clearInterval(intervalId); // 停止定时循环-->
|
||
|
|
<!-- console.log("Interval stopped after 10 seconds");-->
|
||
|
|
<!-- }, 10000);-->
|
||
|
|
<!-- }-->
|
||
|
11 months ago
|
</script>
|
||
|
|
<script src="/resources/scripts/aiortc-client-new.js">
|
||
|
|
console.log('当指定了src属性时，浏览器会加载并执行该文件中的脚本，而忽略标签内部的任何内容,所以不会执行');
|
||
|
|
</script>
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u32" class="ax_default image">
|
||
|
|
<img id="u32_img" alt="Video Stream" src=""/>
|
||
|
|
<div id="u32_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u33" class="ax_default image">
|
||
|
|
<video id="u33_video" autoplay="true" playsinline="true"></video>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u34" class="ax_default image">
|
||
|
|
<img id="u34_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u34_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u35" class="ax_default image">
|
||
|
|
<img id="u35_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u35_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u36" class="ax_default image">
|
||
|
|
<img id="u36_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u36_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u37" class="ax_default image">
|
||
|
|
<img id="u37_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u37_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u38" class="ax_default image">
|
||
|
|
<img id="u38_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u38_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u39" class="ax_default image">
|
||
|
|
<img id="u39_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u39_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u40" class="ax_default image">
|
||
|
|
<img id="u40_img" class="img " src="images/实时预览/u32.png"/>
|
||
|
|
<div id="u40_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u41" class="ax_default label">
|
||
|
|
<div id="u41_div" class=""></div>
|
||
|
|
<div id="u41_text" class="text ">
|
||
|
|
<p><span><< 1/2 >></span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u42" class="ax_default button">
|
||
|
|
<div id="u42_div" class=""></div>
|
||
|
|
<div id="u42_text" class="text ">
|
||
|
|
<p><span>一画面</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u43" class="ax_default button">
|
||
|
|
<div id="u43_div" class=""></div>
|
||
|
|
<div id="u43_text" class="text ">
|
||
|
|
<p><span>四画面</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u44" class="ax_default button">
|
||
|
|
<div id="u44_div" class=""></div>
|
||
|
|
<div id="u44_text" class="text ">
|
||
|
|
<p><span>九画面</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u45" class="ax_default button">
|
||
|
|
<div id="u45_div" class=""></div>
|
||
|
|
<div id="u45_text" class="text ">
|
||
|
|
<p><span>十六<br>画面</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree) -->
|
||
|
|
<div id="u46" class="ax_default tree_node treeroot">
|
||
|
|
<div id="u46_children" class="u46_children">
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u47" class="ax_default tree_node treenode">
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u48" class="ax_default image">
|
||
|
|
<img id="u48_img" class="img " src="images/实时预览/u48_selected.png"/>
|
||
|
|
<div id="u48_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u49" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u49_div" class=""></div>
|
||
|
|
<div id="u49_text" class="text ">
|
||
|
|
<p><span>一厂区</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="u47_children" class="u47_children">
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u50" class="ax_default tree_node treenode">
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u51" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u51_div" class=""></div>
|
||
|
|
<div id="u51_text" class="text ">
|
||
|
|
<p><span>北门通道一</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u52" class="ax_default tree_node treenode">
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u53" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u53_div" class=""></div>
|
||
|
|
<div id="u53_text" class="text ">
|
||
|
|
<p><span>南门通道二</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u54" class="ax_default tree_node treenode">
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u55" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u55_div" class=""></div>
|
||
|
|
<div id="u55_text" class="text ">
|
||
|
|
<p><span>通道三</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u56" class="ax_default tree_node treenode">
|
||
|
|
|
||
|
|
<!-- Unnamed (Image) -->
|
||
|
|
<div id="u57" class="ax_default image">
|
||
|
|
<img id="u57_img" class="img " src="images/实时预览/u48_selected.png"/>
|
||
|
|
<div id="u57_text" class="text " style="display:none; visibility: hidden">
|
||
|
|
<p></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u58" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u58_div" class=""></div>
|
||
|
|
<div id="u58_text" class="text ">
|
||
|
|
<p><span>二区域</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="u56_children" class="u56_children">
|
||
|
|
|
||
|
|
<!-- Unnamed (Tree Node) -->
|
||
|
|
<div id="u59" class="ax_default tree_node treenode">
|
||
|
|
<!-- Unnamed (Rectangle) -->
|
||
|
|
<div id="u60" class="" selectiongroup="u46_tree_group">
|
||
|
|
<div id="u60_div" class=""></div>
|
||
|
|
<div id="u60_text" class="text ">
|
||
|
|
<p><span>通道一</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="resources/scripts/axure/ios.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|