107 lines
2.6 KiB
HTML
107 lines
2.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
|
||
|
|
<title>CMS Player</title>
|
||
|
|
<link rel="shortcut icon" href="#" />
|
||
|
|
<script src="./public/player/cmsplayer.js"></script>
|
||
|
|
<script src="./public/player/common.js"></script>
|
||
|
|
<script src="./public/player/pcm-player.js"></script>
|
||
|
|
<script src="./public/player/webgl.js"></script>
|
||
|
|
<script src="./public/player/cmstalk.js"></script>
|
||
|
|
<script src="./public/player/alawmulaw.js"></script>
|
||
|
|
<script src="./public/player/recorder-core.js"></script>
|
||
|
|
<script src="./public/js/moment.js"></script>
|
||
|
|
<script src="./public/js/axios.min.js"></script>
|
||
|
|
<script src="./public/js/jquery-2.2.3.min.js"></script>
|
||
|
|
<style>
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
/* padding: 30px; */
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-html-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul li {
|
||
|
|
height: 100%;
|
||
|
|
float: left;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
#videoTimeTrack li {
|
||
|
|
border-right: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
#videoTimeTrack li:first-child {
|
||
|
|
border-left: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
#playerBox {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body ontouchstart>
|
||
|
|
<div id="playerBox"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
window.onload = function () {
|
||
|
|
self.player = new Player($("#playerBox"));
|
||
|
|
function getParams(key) {
|
||
|
|
var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
|
||
|
|
var r = window.location.search.substr(1).match(reg);
|
||
|
|
if (r != null) {
|
||
|
|
return decodeURIComponent(r[2]); // 使用 decodeURIComponent 代替 unescape
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
var locationUrl = window.location.href;
|
||
|
|
var id = getParams("id");
|
||
|
|
var title = getParams("title");
|
||
|
|
let requestBody = {
|
||
|
|
pointId: id
|
||
|
|
}
|
||
|
|
console.log(window.location, locationUrl, id, title);
|
||
|
|
try {
|
||
|
|
let url = 'http://175.6.124.250:8083/multialarm/video/preview'
|
||
|
|
|
||
|
|
axios({
|
||
|
|
method: 'post',
|
||
|
|
url,
|
||
|
|
data: { ...requestBody }
|
||
|
|
}).then(res => {
|
||
|
|
console.log(res);
|
||
|
|
var PLAYURL = res.data.data.videoUrl
|
||
|
|
self.player.play(PLAYURL, true, "");
|
||
|
|
|
||
|
|
}).catch(function (error) {
|
||
|
|
console.log(error)
|
||
|
|
})
|
||
|
|
} catch (error) {
|
||
|
|
console.log(error);
|
||
|
|
|
||
|
|
}
|
||
|
|
$("html>head>title").html(title);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|