407 lines
15 KiB
JavaScript
407 lines
15 KiB
JavaScript
|
import { layuiObj } from "./index.js";
|
|||
|
|
import { sosSdk } from "./sosVideoAndAudio.js";
|
|||
|
|
var sosVideoIndex = null;
|
|||
|
|
var currentSosVideo = null;
|
|||
|
|
var sosAlarmVideo = {};
|
|||
|
|
function popSosVideo(obj) {
|
|||
|
|
currentSosVideo = JSON.parse(JSON.stringify(obj));
|
|||
|
|
sosVideoIndex = layuiObj["layer"].open({
|
|||
|
|
type: 1,
|
|||
|
|
title: false, //不显示标题栏
|
|||
|
|
closeBtn: false,
|
|||
|
|
area: ['640px', '480px'],
|
|||
|
|
shade: 0.4,
|
|||
|
|
id: new Date().getTime(), //设定一个id，防止重复弹出
|
|||
|
|
btnAlign: 'c',
|
|||
|
|
move: '.layui-move',
|
|||
|
|
moveType: 1, //拖拽模式，0或者1
|
|||
|
|
content: `<div class="popWindows">
|
|||
|
|
<div class="popInfoContent">
|
|||
|
|
|
|||
|
|
<div class="popInfoTitle">
|
|||
|
|
<span class="layui-move">${currentSosVideo["pointAddress"]}</span>
|
|||
|
|
<img src="./pages/cmddispatch/image/closeInfoWindow.png">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="sosVideoContent">
|
|||
|
|
<video id="sosVideo" autoplay="" controls muted=""></video>
|
|||
|
|
<audio id='sosAudio' autoplay="" /> </audio>
|
|||
|
|
<div class="sosVideoOpera">
|
|||
|
|
<div class="sosVideoOperaTime">
|
|||
|
|
<p>视频观看剩余时间：<span class="sosVideoTime">0</span></p>
|
|||
|
|
<p>
|
|||
|
|
<span></span>
|
|||
|
|
<span>正在录制</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="sosVideoOperaTool">
|
|||
|
|
<p class="sosVideoMonitoring" state="open">
|
|||
|
|
<img src="./pages/cmddispatch/sosVideo/stopMonitor.png" alt="/">
|
|||
|
|
<span>监听</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="sosVideoTalk" state="open">
|
|||
|
|
<img src="./pages/cmddispatch/sosVideo/stopTalk.png" alt="/">
|
|||
|
|
<span>对讲</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="sosVideoRecording" state="open">
|
|||
|
|
<img src="./pages/cmddispatch/sosVideo/stopRecord.png" alt="/">
|
|||
|
|
<span>录制</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>`,
|
|||
|
|
success: function () {
|
|||
|
|
sosVideo();
|
|||
|
|
addVideoEvent();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(".popInfoTitle>img").on('click', function () {
|
|||
|
|
layuiObj["layer"].close(sosVideoIndex)
|
|||
|
|
sosVideoIndex = null;
|
|||
|
|
closeSosVideo();
|
|||
|
|
stopAudioListen();
|
|||
|
|
sosAudioStop();
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function addVideoEvent() {
|
|||
|
|
|
|||
|
|
$(".sosVideoMonitoring").on('click', function () {
|
|||
|
|
//如果对讲开着，需要去关闭对讲
|
|||
|
|
if ("audioListenTaskCode" in currentSosVideo) {
|
|||
|
|
$(".sosVideoTalk").attr("state","open");
|
|||
|
|
$(".sosVideoTalk>span").css("color", "#fff");
|
|||
|
|
$(".sosVideoTalk>img").attr("src","./pages/cmddispatch/sosVideo/stopTalk.png");
|
|||
|
|
sosAudioStop();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var state = $(this).attr("state");
|
|||
|
|
sosBtnOperaSlide(this);
|
|||
|
|
if (state == "open") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/startMonitor.png");
|
|||
|
|
startAudioListen();
|
|||
|
|
}else if(state == "close") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/stopMonitor.png");
|
|||
|
|
stopAudioListen();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$(".sosVideoTalk").on('click', function () {
|
|||
|
|
//如果监听开着需要去关闭监听
|
|||
|
|
if ("audioListenTaskCode" in currentSosVideo) {
|
|||
|
|
$(".sosVideoMonitoring").attr("state","open");
|
|||
|
|
$(".sosVideoMonitoring>span").css("color", "#fff");
|
|||
|
|
$(".sosVideoMonitoring>img").attr("src","./pages/cmddispatch/sosVideo/stopMonitor.png");
|
|||
|
|
stopAudioListen();
|
|||
|
|
}
|
|||
|
|
var state = $(this).attr("state");
|
|||
|
|
sosBtnOperaSlide(this);
|
|||
|
|
if (state == "open") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/startTalk.png");
|
|||
|
|
sosAudioStart();
|
|||
|
|
} else if (state == "close") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/stopTalk.png");
|
|||
|
|
sosAudioStop();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
$(".sosVideoRecording").on('click', function () {
|
|||
|
|
var state = $(this).attr("state");
|
|||
|
|
sosBtnOperaSlide(this);
|
|||
|
|
if (state == "open") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/startRecord.png");
|
|||
|
|
$(".sosVideoOperaTime>p:last-child").css("display", "block");
|
|||
|
|
startRecording();
|
|||
|
|
} else if (state == "close") {
|
|||
|
|
$(this).children("img").attr("src", "./pages/cmddispatch/sosVideo/stopRecord.png");
|
|||
|
|
$(".sosVideoOperaTime>p:last-child").css("display", "none");
|
|||
|
|
stopRecording();
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
function sosBtnOperaSlide(that){
|
|||
|
|
var state = $(that).attr("state");
|
|||
|
|
if (state == "open") {
|
|||
|
|
$(that).attr("state", "close");
|
|||
|
|
$(that).children("span").css("color", "#01E9FD");
|
|||
|
|
} else if (state == "close") {
|
|||
|
|
$(that).attr("state", "open");
|
|||
|
|
$(that).children("span").css("color", "#fff");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//开始录像
|
|||
|
|
var recordBlob = [];
|
|||
|
|
async function startRecording() {
|
|||
|
|
const stateCb = (videoDomId, state) => {
|
|||
|
|
// 视频录制状态回调函数，videoDomId-->启动时传入的video标签id， state有'inprogress', 'failed', 'finished' 3种状态
|
|||
|
|
console.log('videoDomId = %s, state = %s', videoDomId, state);
|
|||
|
|
}
|
|||
|
|
const dataCb = (videoDomId, blob) => {
|
|||
|
|
// 视频录制数据回调函数，该回调会1s调用一次，把这1s录制的视频数据通过 blob参数传入回调，blob为js的Blob对象类型
|
|||
|
|
// 这里进行数据保存或者转发相关操作
|
|||
|
|
console.log(videoDomId, blob);
|
|||
|
|
recordBlob.push(blob)
|
|||
|
|
}
|
|||
|
|
sosSdk.videoRecordStart({
|
|||
|
|
// 必选参数
|
|||
|
|
VideoDomId: 'sosVideo',
|
|||
|
|
StateCb: stateCb,
|
|||
|
|
DataCb: dataCb,
|
|||
|
|
}).then((rsp) => {
|
|||
|
|
layuiObj.layer.msg("视频录制启动成功",
|
|||
|
|
{
|
|||
|
|
color:"#fff"
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}).catch((e) => {
|
|||
|
|
layuiObj.layer.msg("视频录制启动失败",
|
|||
|
|
{
|
|||
|
|
color:"#fff"
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//结束录像
|
|||
|
|
async function stopRecording() {
|
|||
|
|
sosSdk.videoRecordStop({ VideoDomId: 'sosVideo' }).then(() => {
|
|||
|
|
var tmpBlob = new Blob(recordBlob, { type: 'video/webm' });
|
|||
|
|
// 创建 URL 对象
|
|||
|
|
const url = URL.createObjectURL(tmpBlob);
|
|||
|
|
// 创建链接
|
|||
|
|
const link = document.createElement('a');
|
|||
|
|
link.href = url;
|
|||
|
|
link.download = "录像.mp4";
|
|||
|
|
// 模拟点击链接进行下载
|
|||
|
|
document.body.appendChild(link);
|
|||
|
|
link.click();
|
|||
|
|
document.body.removeChild(link);
|
|||
|
|
}).catch((error) => {
|
|||
|
|
console.error('停止视频录制失败', error);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//显示时间
|
|||
|
|
var showTimeTimer=null;
|
|||
|
|
function showVideoTime() {
|
|||
|
|
var ExpireIn = Math.floor(currentSosVideo["task"]["ExpireIn"]);
|
|||
|
|
$(".sosVideoTime").html(ExpireIn+"秒");
|
|||
|
|
showTimeTimer = setInterval(() => {
|
|||
|
|
if (ExpireIn <= 0) {
|
|||
|
|
closeVideoClearTime();
|
|||
|
|
}
|
|||
|
|
ExpireIn--;
|
|||
|
|
if (ExpireIn <= 0) {
|
|||
|
|
ExpireIn = 0;
|
|||
|
|
}
|
|||
|
|
$(".sosVideoTime").html(ExpireIn+"秒");
|
|||
|
|
}, 1000)
|
|||
|
|
}
|
|||
|
|
//关闭定时器
|
|||
|
|
function closeVideoClearTime(){
|
|||
|
|
if(showTimeTimer!=null){
|
|||
|
|
clearInterval(showTimeTimer)
|
|||
|
|
showTimeTimer=null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//开始监听
|
|||
|
|
async function startAudioListen() {
|
|||
|
|
const disconnectedCallback = (SipNum) => {
|
|||
|
|
// 开始监听之后，有设备或自己退出监听
|
|||
|
|
console.warn(SipNum, '已退出监听', sosSdk && sosSdk.isMe(SipNum));
|
|||
|
|
}
|
|||
|
|
const stopCallback = () => {
|
|||
|
|
// 开始监听之后，服务器结束了监听
|
|||
|
|
console.warn('服务器结束监听');
|
|||
|
|
}
|
|||
|
|
sosSdk.audioListenStart({
|
|||
|
|
// 必填参数
|
|||
|
|
DeviceId: parseInt(currentSosVideo["deviceId"]),
|
|||
|
|
AudioDomId: 'sosAudio',
|
|||
|
|
// 非必填参数
|
|||
|
|
Force: true,
|
|||
|
|
OnDisconnected: disconnectedCallback,
|
|||
|
|
OnStop: stopCallback,
|
|||
|
|
}).then((ret) => {
|
|||
|
|
currentSosVideo["audioListenTaskCode"] = ret.TaskCode
|
|||
|
|
layuiObj.layer.msg("监听开启成功",
|
|||
|
|
{
|
|||
|
|
color:"#fff"
|
|||
|
|
});
|
|||
|
|
}).catch((e) => {
|
|||
|
|
console.log('监听失败', e)
|
|||
|
|
switch (e.code) {
|
|||
|
|
case 2005:
|
|||
|
|
layuiObj.layer.msg('监听失败，设备不存在，检查一下SipNum或DeviceId是否错误')
|
|||
|
|
break;
|
|||
|
|
case 3551:
|
|||
|
|
layuiObj.layer.msg('监听失败，本端坐席忙（本端已在另外的一个会话任务中）')
|
|||
|
|
break;
|
|||
|
|
case 3552:
|
|||
|
|
layuiObj.layer.msg('监听失败，设备忙（设备已在另外的一个会话任务中），被其他人坐席端对讲/监听了')
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
//结束监听
|
|||
|
|
async function stopAudioListen() {
|
|||
|
|
if ("audioListenTaskCode" in currentSosVideo) {
|
|||
|
|
const rsp = await sosSdk.audioListenStop({
|
|||
|
|
TaskCode: currentSosVideo["TaskCode"]
|
|||
|
|
});
|
|||
|
|
delete currentSosVideo["audioListenTaskCode"]
|
|||
|
|
//sosSdk.audioListenStop({
|
|||
|
|
// TaskCode: currentSosVideo["audioListenTaskCode"]
|
|||
|
|
//}).then(() => {
|
|||
|
|
// delete currentSosVideo["audioListenTaskCode"]
|
|||
|
|
// console.log('停止监听成功');
|
|||
|
|
//}).catch((error) => {
|
|||
|
|
// console.log('停止监听失败', error);
|
|||
|
|
//})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//开始对讲
|
|||
|
|
function sosAudioStart() {
|
|||
|
|
if (sosSdk) {
|
|||
|
|
let disconnectedCallback = (SipNum) => {
|
|||
|
|
// 开始对讲之后，有设备或自己退出对讲
|
|||
|
|
console.warn(SipNum, "已退出对讲", sosSdk && sosSdk.isMe(SipNum));
|
|||
|
|
}
|
|||
|
|
let stopCallback = () => {
|
|||
|
|
// 开始对讲之后，服务器结束了对讲
|
|||
|
|
console.warn("服务器结束对讲");
|
|||
|
|
}
|
|||
|
|
sosSdk.audioSpeakStart({
|
|||
|
|
// 必填参数
|
|||
|
|
DeviceId: parseInt(currentSosVideo["deviceId"]),
|
|||
|
|
AudioDomId: "sosAudio", // 要保证document.getElementById("html_audio_remote")非null，你的audio标签，一定要存在
|
|||
|
|
// 非必填参数
|
|||
|
|
Force: true,
|
|||
|
|
OnDisconnected: disconnectedCallback,
|
|||
|
|
OnStop:stopCallback,
|
|||
|
|
}).then((ret) => {
|
|||
|
|
currentSosVideo["audioSpeakTaskCode"] = ret.TaskCode
|
|||
|
|
layuiObj.layer.msg("对讲开启成功",
|
|||
|
|
{icon: 1});
|
|||
|
|
}).catch((e) => {
|
|||
|
|
switch (e.code) {
|
|||
|
|
case 2005:
|
|||
|
|
layuiObj.layer.msg('对讲失败，设备不存在，检查一下SipNum或DeviceId是否错误',{icon: 2})
|
|||
|
|
break;
|
|||
|
|
case 3551:
|
|||
|
|
layuiObj.layer.msg('对讲失败，本端坐席忙（本端已在另外的一个对讲任务中）',{icon: 2})
|
|||
|
|
break;
|
|||
|
|
case 3552:
|
|||
|
|
layuiObj.layer.msg('对讲失败，设备忙（设备已在另外的一个对讲任务中），被其他人坐席端对讲了',{icon: 2})
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
alert("对讲失败,请先启动SDK",{icon: 2})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 结束对讲
|
|||
|
|
async function sosAudioStop() {
|
|||
|
|
if ("audioSpeakTaskCode" in currentSosVideo) {
|
|||
|
|
if (sosSdk) {
|
|||
|
|
const rsp = await sosSdk.audioSpeakStop({
|
|||
|
|
TaskCode: currentSosVideo["TaskCode"]
|
|||
|
|
});
|
|||
|
|
delete currentSosVideo["audioSpeakTaskCode"]
|
|||
|
|
//sosSdk.audioSpeakStop({
|
|||
|
|
// TaskCode: currentSosVideo["audioSpeakTaskCode"]
|
|||
|
|
//}).then(() => {
|
|||
|
|
// delete currentSosVideo["audioSpeakTaskCode"]
|
|||
|
|
// console.log("对讲停止成功");
|
|||
|
|
//}).catch((error) => {
|
|||
|
|
// console.log("对讲停止失败");
|
|||
|
|
//})
|
|||
|
|
}else{
|
|||
|
|
console.log("对讲停止失败，请先启动SDK")
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//调用视频的
|
|||
|
|
async function sosVideo() {
|
|||
|
|
const stopCallback = () => {
|
|||
|
|
// 开始监控之后，服务器结束了监控
|
|||
|
|
console.log('监控结束');
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
const task = await sosSdk.videoMonitorStart({
|
|||
|
|
DeviceId: parseInt(currentSosVideo["deviceId"]),
|
|||
|
|
VideoDomId: 'sosVideo',
|
|||
|
|
OnStop: stopCallback,
|
|||
|
|
});
|
|||
|
|
if (!("task" in currentSosVideo)) {
|
|||
|
|
currentSosVideo["task"] = task;
|
|||
|
|
}
|
|||
|
|
showVideoTime();
|
|||
|
|
} catch (error) {
|
|||
|
|
layer.msg("获取监控视频失败",{icon: 2});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//关闭视频
|
|||
|
|
async function closeSosVideo() {
|
|||
|
|
if("task" in currentSosVideo){
|
|||
|
|
try {
|
|||
|
|
const rsp = await sosSdk.videoMonitorStop({
|
|||
|
|
TaskCode: currentSosVideo["task"]["TaskCode"]
|
|||
|
|
});
|
|||
|
|
delete currentSosVideo["task"];
|
|||
|
|
closeVideoClearTime();
|
|||
|
|
} catch (error) {
|
|||
|
|
console.log('停止监控视频失败', error)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//调用告警的视频
|
|||
|
|
async function openSosAlarmVideo(obj) {
|
|||
|
|
console.log(obj);
|
|||
|
|
var deviceId=obj["deviceId"];
|
|||
|
|
const stopCallback = () => {
|
|||
|
|
// 开始监控之后，服务器结束了监控
|
|||
|
|
console.log('监控结束')
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
const task = await sosSdk.videoMonitorStart({
|
|||
|
|
DeviceId:parseInt(deviceId),
|
|||
|
|
VideoDomId: `sosAlarmVideo${deviceId}`,
|
|||
|
|
OnStop: stopCallback,
|
|||
|
|
});
|
|||
|
|
if (!(deviceId in sosAlarmVideo)) {
|
|||
|
|
sosAlarmVideo[deviceId] = task.TaskCode
|
|||
|
|
}
|
|||
|
|
// console.log(currentSosVideo);
|
|||
|
|
// console.log('获取监控视频成功 taskCode:', task.TaskCode)
|
|||
|
|
} catch (error) {
|
|||
|
|
console.log('获取监控视频失败', error)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//调用告警关闭视频
|
|||
|
|
async function closeSosAlarmVideo(deviceId) {
|
|||
|
|
try {
|
|||
|
|
const rsp = await sosSdk.videoMonitorStop({
|
|||
|
|
TaskCode: currentSosVideo["TaskCode"]
|
|||
|
|
});
|
|||
|
|
if (deviceId in sosAlarmVideo) {
|
|||
|
|
delete sosAlarmVideo[deviceId]
|
|||
|
|
}
|
|||
|
|
console.log('停止监控视频成功')
|
|||
|
|
} catch (error) {
|
|||
|
|
console.log('停止监控视频失败', error)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
export {
|
|||
|
|
popSosVideo,
|
|||
|
|
openSosAlarmVideo,
|
|||
|
|
closeSosAlarmVideo
|
|||
|
|
}
|