var layer;
|
var playUrl= null;
|
var loginTag = false;
|
|
$(function () {
|
layui.use(['layer'], function () {
|
layer = layui.layer;
|
});
|
|
getMedia();
|
});
|
|
/**
|
* 获取播放信息
|
*/
|
function getMedia() {
|
var data = {
|
id: cameraData.id,
|
playType: cameraData.playType
|
};
|
$.ajax({
|
type: 'POST',
|
url: "/security/get-media",
|
dataType: 'JSON',
|
contentType: "application/json;charset=UTF-8",
|
data: JSON.stringify(data),
|
success: function (result) {
|
if (result.code != "SUCCESS") {
|
layer.msg(result.msg);
|
} else {
|
playUrl = result.playUrl;
|
toPlay();
|
onLogin();
|
}
|
},
|
error: function (result) {
|
layer.msg(result.msg);
|
}
|
});
|
}
|
|
/*============= webRtc视频播放 ----- 开始 ===============*/
|
/**
|
* 开始播放
|
* @param winTag 播放窗口
|
* @returns {Promise<void>}
|
*/
|
async function toPlay() {
|
if(playUrl){
|
mediaStream = new MediaStream();
|
$("#video")[0].srcObject = mediaStream;
|
webrtc = new RTCPeerConnection({
|
iceServers: [{
|
urls: ["stun:stun.l.google.com:19302"]
|
}],
|
sdpSemantics: "unified-plan"
|
});
|
webrtc.onsignalingstatechange = signalingstatechange;
|
|
webrtc.ontrack = ontrack
|
let offer = await webrtc.createOffer({
|
|
offerToReceiveAudio: true,
|
offerToReceiveVideo: true
|
});
|
await webrtc.setLocalDescription(offer);
|
}
|
}
|
|
function ontrack(event) {
|
mediaStream.addTrack(event.track);
|
}
|
|
async function signalingstatechange() {
|
switch (webrtc.signalingState) {
|
case 'have-local-offer':
|
// let uuid = $('#uuid').val();
|
let url = playUrl + "?uuid=" + cameraData.id + "&channel=0";
|
$.post(url, {
|
data: btoa(webrtc.localDescription.sdp)
|
}, function (data) {
|
try {
|
console.log(data);
|
webrtc.setRemoteDescription(new RTCSessionDescription({
|
type: 'answer',
|
sdp: atob(data)
|
}))
|
} catch (e) {
|
console.warn(e);
|
}
|
|
});
|
break;
|
case 'stable':
|
break;
|
case 'closed':
|
break;
|
default:
|
console.log(`unhandled signalingState is ${webrtc.signalingState}`);
|
break;
|
}
|
}
|
/*============= 视频播放 ----- 结束 ===============*/
|
|
/**
|
*
|
* @param command 云台事件类型
|
* @param flag 是否停止相应事件
|
*/
|
function handPTZ(command, flag){
|
if(!loginTag){
|
layer.alert("设备云台登录失败，请重试！");
|
return;
|
}
|
|
//大华云台控制
|
dhPlayerPTZ(command, flag);
|
}
|
|
/**
|
* 云台控制 -预置位置调用
|
*/
|
function handPreset() {
|
|
}
|
|
/*============= 大华JS云台控制 ----- 开始 ===============*/
|
/**
|
* @description 设备登录
|
*/
|
function onLogin (){
|
onLogout();
|
let ip = cameraData.ip;
|
let port= cameraData.webPort;
|
let user= cameraData.loginId;
|
let pwd= cameraData.pwd;
|
|
let target = ip + ':' + port;
|
setIP(target);
|
/**
|
* RPC.login 登录
|
* @param {string} $user.value 用户名
|
* @param {string} $password.value 密码
|
* @param {boolean} false 是否httpOnly,默认false
|
* @returns {Promise}
|
*/
|
RPC.login(user, pwd, false).then((res) => {
|
|
setCookie('DWebClientSessionID', '', -1);
|
setCookie('DhWebClientSessionID', '', -1);
|
/**
|
* RPC.keepAlive 保活
|
*/
|
RPC.keepAlive(300, 60000, _getSession(), target, 0);
|
const browser = BrowserType();
|
if (browser.includes('ie')) {
|
window.onunload = () => {
|
ajax({
|
url: 'global.logout'
|
});
|
};
|
} else if (browser.includes('chrome')) {
|
const params = {
|
method: 'global.logout',
|
params: null,
|
id: 10000,
|
session: _getSession()
|
};
|
pubsub.subscribe('onbeforeunload',() => {
|
navigator.sendBeacon('/RPC2', JSON.stringify(params));
|
});
|
} else {
|
pubsub.subscribe('onbeforeunload',() => {
|
ajax({
|
url: 'global.logout'
|
});
|
});
|
}
|
//登录成功，记录登录成功的硬盘录像机
|
loginTag = true;
|
|
}).catch((err) => {
|
console.log(err);
|
});
|
}
|
/**
|
* @description 设备注销
|
*/
|
function onLogout (){
|
/**
|
* RPC.Global.logout 注销接口
|
* @returns {Promise}
|
*/
|
RPC.Global.logout().then(function() {
|
setLoginState(false);
|
playerInstance.forEach(item => {
|
if(item) {
|
item.stop();
|
item.close();
|
item = null;
|
}
|
loginTag = false;
|
});
|
});
|
}
|
|
/**
|
* @description 设备云台事件
|
* @param {string} type 云台事件类型
|
* @param {boolean} isStop 是否停止相应事件
|
*/
|
function dhPlayerPTZ (type, isStop) {
|
|
//云台步长
|
// let stepVal = $_('#h5_ptz_step').value - 0;
|
let stepVal = 5;
|
let arg2 = 0;
|
let arg2Arr = ['LeftUp', 'RightUp', 'LeftDown', 'RightDown'];
|
let presetArr = ['GotoPreset','SetPreset', 'ClearPreset'];
|
//预置点
|
// let presetNum = $_('#h5_preset').value - 0;
|
let presetNum = 0;
|
if(arg2Arr.indexOf(type) > -1) {
|
arg2 = stepVal;
|
}
|
if(!isStop) {
|
if(presetArr.indexOf(type) > -1) {
|
/**
|
* RPC.PTZManager 云台相关
|
* @param {string} 方法
|
* @param {number} channel 通道
|
* @param {object} 参数集合
|
*/
|
RPC.PTZManager('start', 0, { 'code': type, 'arg1': presetNum, 'arg2': 0, 'arg3': 0 });
|
} else {
|
RPC.PTZManager('start', 0, { 'code': type, 'arg1': stepVal, 'arg2': arg2, 'arg3': 0 });
|
}
|
} else {
|
RPC.PTZManager('stop', 0, { 'code': type, 'arg1': stepVal, 'arg2': arg2, 'arg3': 0 });
|
}
|
}
|
/*============= 大华JS云台控制 ----- 结束 ===============*/
|
