59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>视频查看</title>
|
||
<meta charset="UTF-8"/>
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
|
||
<meta http-equiv="Cache" content="no-cache">
|
||
<meta http-equiv="Pragma" content="no-cache" />
|
||
<meta http-equiv="Expires" content="0" />
|
||
<link rel="stylesheet" href="./layui.css">
|
||
<script src="AgoraRTC_N-4.11.0.js"></script>
|
||
<script src="./jquery-3.4.1.min.js"></script>
|
||
<script src="./layui.js"></script>
|
||
<!--给录像文件添加时间进度条-->
|
||
<script src="fix-webm-duration.js"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<div id="video">
|
||
<div id="qrcode"></div>
|
||
<div id="agora_local"></div>
|
||
</div>
|
||
|
||
<!--视频操作-->
|
||
<div class="videoNav">
|
||
<p class="nav">
|
||
<img src="images/videoExit.png" alt="" class="videoExit" title="退出"/>
|
||
<img src="images/closeMute.png" alt="" title="静音" mute="close" class="closeMute"/>
|
||
<img src="images/videoFullscreen.png" alt="" title="全屏" model="exitfullScreen" class="videoFullscreen"/>
|
||
</p>
|
||
</div>
|
||
|
||
<!--当js文件发生变化的时候，自动清除浏览器缓存,只要标签后面的v每次不一样浏览器就更新了阿-->
|
||
<script>
|
||
//创建一个script标签
|
||
function loadScriptString() {
|
||
var timeStamp=new Date().getTime();
|
||
var script = document.createElement("script"); //创建一个script标签
|
||
script.type = "module";
|
||
script.src=`js/deviceAlarmVideo.js?v=${timeStamp}`;
|
||
document.getElementsByTagName('head')[0].appendChild(script);
|
||
}
|
||
|
||
//创建一个link标签
|
||
function loadLinkString(){
|
||
var timeStamp=new Date().getTime();
|
||
var css = document.createElement("link"); //创建一个script标签
|
||
css.rel = "stylesheet";
|
||
css.href=`css/deviceAlarmVideo.css?v=${timeStamp}`
|
||
document.getElementsByTagName('head')[0].appendChild(css);
|
||
}
|
||
|
||
loadScriptString();
|
||
loadLinkString();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|