From aad105ac4cc88813faedf25b5a925acbb63a74e4 Mon Sep 17 00:00:00 2001
From: xc <double72cheng@gmail.com>
Date: Mon, 26 Apr 2021 13:55:03 +0800
Subject: [PATCH] 直播监控组装
---
src/main/resources/public/monitor/history.html | 69 ++++++++++++++++++++++------------
1 files changed, 44 insertions(+), 25 deletions(-)
diff --git a/src/main/resources/public/monitor/history.html b/src/main/resources/public/monitor/history.html
index ebf50ab..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>
@@ -38,7 +26,10 @@
<script src="../js/jquery.progressTime.js"></script>
- <script>
+<script>
+ var video_id;
+ var stream_path;
+
var hourTimestamp = 3600 * 1000;
var dayTimestamp = hourTimestamp * 24;
var currentTimer;
@@ -46,7 +37,7 @@
var container = document.getElementById("container");
let decoder = queryParam('decoder') || 'ff';
- var h5lc = new Jessibuca({container, decoder: "../js/timeline/ff.js", videoBuffer: 0});
+ var h5lc = new Jessibuca({container, decoder: "../js/jessibuca/ff.js", videoBuffer: 0});
$("#progressTime").ProgressTime({
@@ -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