<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<title>Jessibuca【直播】</title>
|
<meta charset="utf-8"/>
|
<link rel="stylesheet" href="../css/font-awesome.min.css">
|
<link rel="stylesheet" href="../css/controles.css">
|
<link rel="stylesheet" href="../css/live/liveStyle.css">
|
|
|
</head>
|
|
<body>
|
|
<!-- jessiebuca播放器 -->
|
<div id="jessibucaContainer"></div>
|
|
<script src="../js/ajax.js"></script>
|
<script src="../js/renderer.js"></script>
|
<script src="../js/jquery.min.js"></script>
|
<script src="../js/live/livepler.js"></script>
|
|
|
<script>
|
|
var $play = document.getElementById('play');
|
var $stop = document.getElementById('stop');
|
var $close = document.getElementById('close');
|
var container = document.getElementById("container");
|
|
var $jessibucaContainer = document.getElementById("jessibucaContainer");
|
|
|
//入参
|
let url = getQueryVariable("url");
|
|
var isPlaying = false;
|
|
var h5lc = new Jessibuca({container, decoder: "../js/jessibuca/ff.js", videoBuffer: 0});
|
|
h5lc.onLoad = function () {
|
this.play("ws://172.16.30.113:8082/live/ff80808178af424e0178af44e677000343616d657261.flv")
|
//this.play("ws://pull3.afb1188.com/live/" + stream + ".flv")
|
}
|
h5lc.onPlay = function () {
|
isPlaying = true;
|
$play.style.display = 'none';
|
$stop.style.display = 'inline';
|
}
|
$play.addEventListener('click', function () {
|
isPlaying = true;
|
h5lc.play("ws://172.16.30.113:8082/live/ff80808178af424e0178af44e677000343616d657261.flv")
|
$play.style.display = 'none';
|
$stop.style.display = 'inline';
|
}, false);
|
|
$stop.addEventListener('click', function () {
|
if (!isPlaying) {
|
return;
|
}
|
isPlaying = false;
|
//stop();
|
$play.style.display = 'inline';
|
$stop.style.display = 'none';
|
}, false);
|
|
$close.addEventListener('click', function () {
|
if (!isPlaying) {
|
return;
|
}
|
isPlaying = false;
|
//stop();
|
$jessibucaContainer.style.display = 'none';
|
}, false);
|
|
function stop() {
|
$.get("http://127.0.0.1:8088/monica/video/stop?param=live/test", function () {
|
h5lc.close()
|
}
|
);
|
}
|
|
function getQueryVariable(variable) {
|
var query = window.location.search.substring(1);
|
var vars = query.split("&");
|
for (var i = 0; i < vars.length; i++) {
|
var pair = vars[i].split("=");
|
if (pair[0] == variable) {
|
return pair[1];
|
}
|
}
|
return (false);
|
}
|
|
|
function play_video(video_url) {
|
window.rtsp = video_url;
|
window.streamPath = "";
|
$.ajax({
|
type: "get",
|
url: "../../webapi/equipment/getPlayUrl?url=" + video_url,
|
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;
|
}
|
});
|
switch_layer();
|
}
|
|
|
function close_video(streamPath) {
|
jessibuca.destroy();
|
if (streamPath) {
|
$.ajax({
|
type: "delete",
|
url: "../../webapi/equipment/deleteStream?streamPath=" + streamPath,
|
async: false,
|
success: function (result) {
|
layer_flag = 'open';
|
$('.aside-right').css('left', '81%');
|
$('.aside-right').css('transition', 'left 2s');
|
$('.aside-left').css('left', '1%');
|
$('.aside-left').css('transition', 'left 2s');
|
|
$('#switch_CloseOpen').text("隐藏图层");
|
setTimeout(function () {
|
$(".main .main-center .main-center-right").css('display', 'flex');
|
$(".main .main-center .main-center-left").css('display', 'flex');
|
$(".main .main-center .main-base-container").css("display", "none");
|
}, 900);
|
}
|
});
|
}
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
