343 lines
9.5 KiB
JavaScript
343 lines
9.5 KiB
JavaScript
let tokens;
|
||
let start = [];
|
||
|
||
function hint() {
|
||
layer.msg('视频播放失败，请检查网络！！！', {
|
||
icon: 2,
|
||
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
||
});
|
||
}
|
||
|
||
// 执行一次函数的定时器
|
||
let time = setTimeout(hint, 1000 * 30);
|
||
|
||
// $(function () {
|
||
// if (isNumber(puId)) {
|
||
// createVideo();
|
||
// connect();
|
||
// } else {
|
||
// alert("puId错误!!!")
|
||
// }
|
||
// });
|
||
|
||
/**
|
||
* post 请求
|
||
* @param router
|
||
* @param params
|
||
* @param callback
|
||
*/
|
||
function requestPost(router, params, callback) {
|
||
$.ajax({
|
||
type: 'post',
|
||
url: _cf.q2http_url + router,
|
||
data: params,
|
||
traditional: true,
|
||
dataType: 'json',
|
||
async: false,
|
||
complete: function (rv) {
|
||
$('#hint').show();
|
||
setTimeout(" $('#hint').hide();", 3000);
|
||
if (typeof callback == 'function') callback(rv)
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 创建平台连接
|
||
*/
|
||
function connect() {
|
||
var allDataParams="address="+_cf.connParams.address+"&port="+_cf.connParams.port+
|
||
"&user="+ _cf.connParams.user+"&password="+_cf.connParams.password+"&epid="+_cf.connParams.epid+"&fixaddr="+_cf.connParams.bfix;
|
||
let params = {
|
||
"params":videoEncrypt(allDataParams)
|
||
}
|
||
console.log(params)
|
||
requestPost('login2', params, function (rv) {
|
||
let result = {
|
||
errcode: -1,
|
||
token: ''
|
||
}
|
||
let respJSON = JSON.parse(rv.responseText);
|
||
if (respJSON.hasOwnProperty('errcode')) {
|
||
result.errcode = respJSON.errcode;
|
||
}
|
||
if (respJSON.hasOwnProperty('token')) {
|
||
result.token = respJSON.token;
|
||
result.errcode = 0;
|
||
tokens = result.token;
|
||
if (!isEmpty(tokens)) {
|
||
playVideo(puId, "0");
|
||
}else{
|
||
alert("平台登录失败!!!")
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
}
|
||
|
||
/**
|
||
* 播放视频
|
||
* @param puId
|
||
* @param idx
|
||
*/
|
||
function playVideo(puId, idx) {
|
||
//播视频接口
|
||
let url = _cf.q2http_url + "stream.flv?puid=" + puId + "&idx=" + idx + "&stream=0&token=" + tokens;
|
||
if (flvjs.isSupported()) {
|
||
let videoElement = document.getElementById('video_html5_api');
|
||
// fullScreenOfAndroid();
|
||
flvPlayer = flvjs.createPlayer({
|
||
type: 'flv',
|
||
url: url,
|
||
isLive: true,
|
||
hasAudio: false
|
||
}, {
|
||
enableWorker: false,
|
||
autoCleanupSourceBuffer: true, //清理缓冲区
|
||
enableStashBuffer: false,
|
||
stashInitialSize: 128, // 减少首桢显示等待时长
|
||
statisticsInfoReportInterval: 600
|
||
});
|
||
flvPlayer.attachMediaElement(videoElement);
|
||
flvPlayer.load();
|
||
}else if(typeof(flvjs.isSupported())=='undefined'){
|
||
let videoElement = document.getElementById('video_html5_api');
|
||
flvPlayer = flvjs.createPlayer({
|
||
type: 'mp4',
|
||
url: url,
|
||
isLive: true,
|
||
hasAudio: false
|
||
}, {
|
||
enableWorker: false,
|
||
autoCleanupSourceBuffer: true, //清理缓冲区
|
||
enableStashBuffer: false,
|
||
stashInitialSize: 128, // 减少首桢显示等待时长
|
||
statisticsInfoReportInterval: 600
|
||
});
|
||
flvPlayer.attachMediaElement(videoElement);
|
||
flvPlayer.load();
|
||
}else{
|
||
let videoElement = document.getElementById('video_html5_api');
|
||
flvPlayer = flvjs.createPlayer({
|
||
type: 'fly',
|
||
url: url,
|
||
isLive: true,
|
||
hasAudio: false
|
||
}, {
|
||
enableWorker: false,
|
||
autoCleanupSourceBuffer: true, //清理缓冲区
|
||
enableStashBuffer: false,
|
||
stashInitialSize: 128, // 减少首桢显示等待时长
|
||
statisticsInfoReportInterval: 600
|
||
});
|
||
flvPlayer.attachMediaElement(videoElement);
|
||
flvPlayer.load();
|
||
}
|
||
flvPlayer.on(flvjs.Events.STATISTICS_INFO, (res) => {
|
||
if (this.leaveRouter || this.changeLampPost) { // 离开路由或切换设备
|
||
destoryVideo(flvPlayer);
|
||
}
|
||
});
|
||
}
|
||
|
||
function createVideo() {
|
||
|
||
let play = videojs('video', {
|
||
muted: true,
|
||
controls: false,
|
||
loop: true,
|
||
preload: "auto",
|
||
autoplay: true,
|
||
});
|
||
play.play();
|
||
$('.vjs-loading-spinner').hide();
|
||
$('.vjs-big-play-button').hide();
|
||
$('.vjs-poster').removeAttr("class");
|
||
var elevideo = document.getElementById("video_html5_api");
|
||
elevideo.addEventListener('play', function () { //播放开始执行的函数
|
||
console.log(time);
|
||
clearTimeout(time);
|
||
});
|
||
}
|
||
|
||
// Android平台的视频全屏旋转
|
||
/* var fullScreenOfAndroid = function() {
|
||
if(true) {
|
||
// 最新5+API的支持
|
||
var self = plus.webview.currentWebview();
|
||
self.setStyle({
|
||
videoFullscreen: 'landscape'
|
||
});
|
||
} else {
|
||
document.addEventListener('webkitfullscreenchange', function() {
|
||
var el = document.webkitFullscreenElement; //获取全屏元素
|
||
if(el) {
|
||
plus.screen.lockOrientation('landscape'); //锁死屏幕方向为横屏
|
||
} else {
|
||
plus.screen.lockOrientation('portrait-primary'); //锁死屏幕方向为竖屏
|
||
}
|
||
});
|
||
}
|
||
}; */
|
||
function shot() {
|
||
screenshot($('#video_html5_api'));
|
||
}
|
||
/**
|
||
* 销毁断流方法
|
||
* @param flvPlayer
|
||
*/
|
||
function destoryVideo(flvPlayer) {
|
||
if(flvPlayer!=null){
|
||
flvPlayer.destroy();
|
||
flvPlayer.unload();
|
||
flvPlayer.detachMediaElement();
|
||
}
|
||
}
|
||
//缩放功能
|
||
function zoomcontrol(option) {
|
||
let params = {
|
||
puid: puId,
|
||
idx: "0"
|
||
}
|
||
switch (option) {
|
||
case "stop":
|
||
//停止缩放接口
|
||
requestPost('PTZ/C_PTZ_StopPictureZoom?token=' + tokens, params, rv => {
|
||
})
|
||
break;
|
||
case "zoomin":
|
||
//放大图像接口
|
||
requestPost('PTZ/C_PTZ_ZoomInPicture?token=' + tokens, params, rv => {
|
||
})
|
||
break;
|
||
default:
|
||
//缩小图像接口
|
||
requestPost('PTZ/C_PTZ_ZoomOutPicture?token=' + tokens, params, rv => {
|
||
})
|
||
break;
|
||
}
|
||
}
|
||
|
||
//远近焦点功能
|
||
function focuscontrol(option) {
|
||
let params = {
|
||
puid: puId,
|
||
idx: "0"
|
||
}
|
||
switch (option) {
|
||
case "near":
|
||
requestPost('PTZ/C_PTZ_MakeFocusNear?token=' + tokens, params, rv => {
|
||
console.log(rv)
|
||
})
|
||
break;
|
||
case "faraway":
|
||
requestPost('PTZ/C_PTZ_MakeFocusFar?token=' + tokens, params, rv => {
|
||
console.log(rv)
|
||
})
|
||
break;
|
||
default:
|
||
requestPost('PTZ/C_PTZ_StopFocusMove?token=' + tokens, params, rv => {
|
||
console.log(rv)
|
||
})
|
||
break;
|
||
}
|
||
}
|
||
|
||
function aperture(option) {
|
||
let camera = {
|
||
puid: puId,
|
||
idx: "0"
|
||
};
|
||
let xml = "";
|
||
switch (option) {
|
||
case "augment":
|
||
xml = `<?xml version="1.0" encoding="UTF-8"?>
|
||
<M Type="ComReq">
|
||
<C Type="G" Prio="1" EPID="${_cf.connParams.epid}" Lang="zh_CN">
|
||
<Res Type="IV" Idx="${camera.idx}" OptID="C_PTZ_AugmentAperture" Stream="0"><Param></Param></Res>
|
||
</C>
|
||
</M>`;
|
||
requestPost(`RawRequest?dstType=201&dstID=${camera.puid}&token=${tokens}`, {xml: xml}, rv => {
|
||
console.log(rv);
|
||
});
|
||
break;
|
||
case "minish":
|
||
xml = `<?xml version="1.0" encoding="UTF-8"?>
|
||
<M Type="ComReq">
|
||
<C Type="G" Prio="1" EPID="${_cf.connParams.epid}" Lang="zh_CN">
|
||
<Res Type="IV" Idx="${camera.idx}" OptID="C_PTZ_MinishAperture" Stream="0"><Param></Param></Res>
|
||
</C>
|
||
</M>`;
|
||
requestPost(`RawRequest?dstType=201&dstID=${camera.puid}&token=${tokens}`, {xml: xml}, rv => {
|
||
console.log(rv)
|
||
});
|
||
break;
|
||
default:
|
||
xml = `<?xml version="1.0" encoding="UTF-8"?>
|
||
<M Type="ComReq">
|
||
<C Type="G" Prio="1" EPID="${_cf.connParams.epid}" Lang="zh_CN">
|
||
<Res Type="IV" Idx="${camera.idx}" OptID="C_PTZ_StopApertureZoom" Stream="0"><Param></Param></Res>
|
||
</C>
|
||
</M>`;
|
||
requestPost(`RawRequest?dstType=201&dstID=${camera.puid}&token=${tokens}`, {xml: xml}, rv => {
|
||
console.log(rv);
|
||
});
|
||
break;
|
||
}
|
||
}
|
||
|
||
//旋转平台功能
|
||
async function turncontrol(option) {
|
||
let params = {
|
||
puid: puId,
|
||
idx: "0",
|
||
motion: option
|
||
};
|
||
if (!isEmpty(option)) {
|
||
requestPost('PTZ/C_PTZ_Turn?token=' + tokens, params, (rv) => {
|
||
});
|
||
}
|
||
}
|
||
|
||
function control(key) {
|
||
switch (key) {
|
||
case 0:
|
||
turncontrol('stop');
|
||
break;
|
||
case 1:
|
||
turncontrol('up');
|
||
break;
|
||
case 2:
|
||
turncontrol('down');
|
||
break;
|
||
case 3:
|
||
turncontrol('left');
|
||
break;
|
||
case 4:
|
||
turncontrol('right');
|
||
break;
|
||
case 5:
|
||
zoomcontrol('zoomin');
|
||
break;
|
||
case 6:
|
||
zoomcontrol('zoominout');
|
||
break;
|
||
case 7:
|
||
focuscontrol('near');
|
||
break;
|
||
case 8:
|
||
focuscontrol('faraway');
|
||
break;
|
||
case 9:
|
||
zoomcontrol('stop');
|
||
break;
|
||
case 10:
|
||
focuscontrol('stop');
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
|
||
}
|