From 6a4735c88d94ff95ab3e102c4bc94393bbf68ccf Mon Sep 17 00:00:00 2001
From: xc <double72cheng@gmail.com>
Date: Mon, 26 Apr 2021 14:08:07 +0800
Subject: [PATCH] 直播
---
src/main/resources/public/monitor/history.html | 65 +++++++++++++++++++++-----------
1 files changed, 42 insertions(+), 23 deletions(-)
diff --git a/src/main/resources/public/monitor/history.html b/src/main/resources/public/monitor/history.html
index 9f4a712..1d8168d 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>
@@ -39,6 +27,9 @@
<script>
+ var video_id;
+ var stream_path;
+
var hourTimestamp = 3600 * 1000;
var dayTimestamp = hourTimestamp * 24;
var currentTimer;
@@ -92,12 +83,10 @@
});
-
function queryParam(name, url) {
var search = window.location.search;
var qArr = '';
var key = {};
-
if (url) {
qArr = url.split("?")[1].split("&")
@@ -107,13 +96,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 +112,38 @@
}
}
+ //播放
+ function play_video(video_id) {
+ window.video_id = video_id;
+ window.stream_path = "";
+ $.ajax({
+ type: "get",
+ url: "../../webapi/media/historical?param=" + video_url+"&startTime="+currentTimer,
+ timeout: 5000,
+ async: false,
+ success: function (result) {
+ h5lc.onLoad = function () {
+ this.play(result.jessica);
+ }
+ window.streamPath = result.streamPath;
+ }
+ });
+ }
+
+ //关闭
+ function close_video(streamPath) {
+ h5lc.destroy();
+ if (streamPath) {
+ $.ajax({
+ type: "get",
+ url: "../../webapi/media/stop?param=" + streamPath,
+ async: false,
+ success: function (result) {
+ }
+ });
+ }
+ }
+
</script>
</body>
--
Gitblit v1.9.1