From e2863e5ef1da5c89c84bf5ce139fc05b90429e10 Mon Sep 17 00:00:00 2001
From: xc <double72cheng@gmail.com>
Date: Mon, 26 Apr 2021 11:27:39 +0800
Subject: [PATCH] 直播 js完善
---
src/main/resources/public/monitor/history.html | 68 ++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 23 deletions(-)
diff --git a/src/main/resources/public/monitor/history.html b/src/main/resources/public/monitor/history.html
index 9f4a712..d62f76a 100755
--- a/src/main/resources/public/monitor/history.html
+++ b/src/main/resources/public/monitor/history.html
@@ -6,31 +6,19 @@
<title>Jessibuca【回放】</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="../css/progressTime.css">
+ <link rel="stylesheet" href="../css/history/historyStyle.css">
- <style>
- .player-wrapper {
- width: 900px;
- height: 500px;
- /*overflow-y: auto;*/
- margin: 0 auto;
- text-align: center;
- }
-
- /* .player-wrapper canvas {
- width: 100%;
- height: 100%;
- }*/
-
- </style>
</head>
<body>
-<!-- 播放器 -->
-<div class="player-wrapper" id="container" style="background-color: #0D0E1B;"></div>
-<!-- 时间轴 -->
-<div id="progressTime"></div>
+<div id="jessibucaContainerHistory">
+ <!-- 播放器 -->
+ <div class="player-wrapper" id="container"></div>
+ <!-- 时间轴 -->
+ <div id="progressTime"></div>
+</div>
<script src="../js/renderer.js"></script>
@@ -92,12 +80,10 @@
});
-
function queryParam(name, url) {
var search = window.location.search;
var qArr = '';
var key = {};
-
if (url) {
qArr = url.split("?")[1].split("&")
@@ -107,13 +93,11 @@
}
qArr = search.substr(1).split("&")
}
-
for (var i = 0; i < qArr.length; i++) {
var firstPos = qArr[i].indexOf('=');
key[qArr[i].slice(0, firstPos)] = qArr[i].slice(firstPos + 1)
}
-
if (name) {
return key[name]
} else {
@@ -125,6 +109,44 @@
}
}
+ function play_video(video_url) {
+ window.rtsp = video_url;
+ window.streamPath = "";
+ $.ajax({
+ type: "get",
+ url: "../../webapi/media/historical?param=" + video_url+"&startTime="+currentTimer,
+ timeout: 5000,
+ async: false,
+ success: function (result) {
+ //$("#iframeSon").attr("src", "../../data/video/public/test.html?url=" + result.jessica);
+ var container = document.getElementById("playerContainer");
+ jessibuca = new Jessibuca({
+ container, decoder: "../../data/video/public/ff.js", videoBuffer: 1,
+ isResize: false
+ });
+
+ jessibuca.onLoad = function () {
+ this.play(result.jessica);
+ }
+ $("#close_video").attr("onclick", "close_videoDiv(\"" + result.streamPath + "\")");
+ window.streamPath = result.streamPath;
+ }
+ });
+ }
+
+ function close_video(streamPath) {
+ jessibuca.destroy();
+ if (streamPath) {
+ $.ajax({
+ type: "get",
+ url: "../../webapi/media/stop?param=" + streamPath,
+ async: false,
+ success: function (result) {
+ }
+ });
+ }
+ }
+
</script>
</body>
--
Gitblit v1.9.1