2 lines
192 KiB
JavaScript
2 lines
192 KiB
JavaScript
var __defProp = Object.defineProperty, __defNormalProp = (e, t, s) => t in e ? __defProp(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, __publicField = (e, t, s) => (__defNormalProp(e, "symbol" != typeof t ? t + "" : t, s), s); !function (e, t) { "object" == typeof exports && "undefined" != typeof module ? t(exports) : "function" == typeof define && define.amd ? define(["exports"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).WSPlayer = {}) }(this, (function (e) { "use strict"; const t = { websocketPorts: { realmonitor: "realmonitor-websocket", playback: "playback-websocket", realmonitor_ws: "9100", playback_ws: "9320", realmonitor_wss: "9102", playback_wss: "9322" }, errorVideoInfo: { 100: "浏览器资源不足", 101: "当前浏览器不支持硬解码", 102: "硬解码播放失败", 103: "硬解码播放延时超过8秒", 104: "硬解码失败", 201: "当前音频无法播放", 202: "websocket连接错误", 203: "文件播放完成", 401: "该用户无操作权限", 404: "请求超时或未找到", 405: "播放超时", 406: "视频流类型解析失败，请检查通道配置", 407: "请求超时", 408: "请求超时或码流不支持", 409: "服务未推送码流", 410: "视频流异常断开", 411: "录像播放完成", 457: "时间设置错误", 503: "WS连接地址错误，非当前连接的ICC服务器返回", 504: "对讲失败", 701: "Chrome版本低，请升级到最新的Chrome版本", 702: "Firefox版本低，请升级到最新的Firefox版本", 703: "Edge版本低，请升级到最新的Edge版本", defaultErrorMsg: "播放失败，请检查配置" }, errorInfo: { 101: "所选通道离线，无法播放", 102: "登录权限过期，查询实时预览rtsp失败", 103: "获取实时预览rtsp失败", 104: "操作失败，请稍后重试", 105: "通道休眠，正在唤醒中，请稍后再试", 106: "请传入rtsp地址和websocket地址", 107: "当前未传records录像文件, 将无法拖动进度条", 108: "请求超时，请稍后重试", 201: "所选通道未查询到录像文件", 202: "查询录像文件列表失败", 203: "查询录像rtsp失败", 204: "{0}倍速无法播放音频", 205: "通道休眠，正在唤醒中，请稍后再试", 206: "当前倍速不支持", 301: "正在对讲，无法关闭音频", 302: "其他设备对讲中，无法开启音频", 303: "其他设备对讲中，无法开启对讲", 304: "查询对讲rtsp失败", 305: "http协议不支持对讲", 306: "设备对讲失败", 307: "不支持PCM音频格式对讲", 308: "不支持ARM音频格式对讲", 309: "不支持G711u音频格式对讲", 310: "不支持G726音频格式对讲", 311: "不支持AAC音频格式对讲", 312: "不支持G722音频格式对讲", 402: "该用户无播放权限", 501: "解码库未初始化完成，请稍后播放！", 502: "解码库未初始化完成，请稍后对讲！", 503: "请检查创建播放器时，播放器容器是否存在", 601: "所操作播放器不存在", 602: "所选播放器正在本地录像中，不可重复本地录像", 603: "所选播放器未播放录像，不可本地录像", 604: "所选播放器未开始本地录像，不可操作关闭本地录像", 605: "时间跳转播放传参错误", 606: "设置自适应拉伸传参错误", 607: "实时预览不支持倍速播放", 608: "需传入正确的{0}方法：{1}", 609: "超出当前设置最大窗口布局数量", 610: "操作自定义窗口布局失败：{0}", 611: "实时预览不支持播放方法", 612: "实时预览不支持暂停方法", 613: "实时预览不支持跳转播放", 614: "当前窗口未播放实时预览画面, 无法进行对讲", 701: "云台被用户{0}锁定，无法操作", 702: "控制云台三维定位失败{0}", 703: "控制云台{0}{1}失败{2}", 704: "控制云台方向失败{0}", 30000001: "SDP初始化失败", 30000002: "接入服务内部错误（信令建立过程）", 30000101: "请求失败", 30000102: "拉流过程异常中断", 30000103: "接入服务内部异常（码流传输过程）", 30000104: "老设备回放时登入设备失败", 30000105: "设备离线", 30000106: "通道离线", 30000107: "设备被删除", 30000108: "通道被删除", 30001001: "创建子链接失败", 30001002: "设备不支持", 30001003: "设备资源不足", 30001004: "查询不到录像", 30001005: "设备返回超时", 30001006: "超过最大连接数", 30002001: "拒绝对讲", 30002002: "对讲被其他客户端打开，请稍后重试", 30002003: "资源冲突", 30002004: "不支持的语音编码格式", 30002005: "无权限", 30002006: "请求对讲失败", 30002007: "请求喊话失败", 30003001: "码率超限" }, windowDefaultCustomDivision: { 2: [{ lStep: 0, tStep: 0, wStep: 50, hStep: 100 }, { lStep: 50, tStep: 0, wStep: 50, hStep: 100 }], 3: [{ wStep: 50, hStep: 100, tStep: 0, lStep: 0 }, { wStep: 50, hStep: 50, tStep: 0, lStep: 50 }, { wStep: 50, hStep: 50, tStep: 50, lStep: 50 }], 6: [{ wStep: 66, hStep: 66, tStep: 0, lStep: 0, selectIndex: 0 }, { wStep: 34, hStep: 33, tStep: 0, lStep: 66, selectIndex: 1 }, { wStep: 34, hStep: 33, tStep: 33, lStep: 66, selectIndex: 2 }, { wStep: 33, hStep: 34, tStep: 66, lStep: 0, selectIndex: 3 }, { wStep: 33, hStep: 34, tStep: 66, lStep: 33, selectIndex: 4 }, { wStep: 34, hStep: 34, tStep: 66, lStep: 66, selectIndex: 5 }], 8: [{ wStep: 75, hStep: 75, tStep: 0, lStep: 0, selectIndex: 0 }, { wStep: 25, hStep: 25, tStep: 0, lStep: 75, selectIndex: 1 }, { wStep: 25, hStep: 25, tStep: 25, lStep: 75, selectIndex: 2 }, { wStep: 25, hStep: 25, tStep: 50, lStep: 75, selectIndex: 3 }, { wStep: 25, hStep: 25, tStep: 75, lStep: 0, selectIndex: 4 }, { wStep: 25, hStep: 25, tStep: 75, lStep: 25, selectIndex: 5 }, { wStep: 25, hStep: 25, tStep: 75, lStep: 50, selectIndex: 6 }, { wStep: 25, hStep: 25, tStep: 75, lStep: 75, selectIndex: 7 }] }, iconConfig: [{ key: "refreshReplay", labelKey: "wsPlayer.refreshReplay", buttonParentClass: "ws-refresh-replay", buttonIconClass: "opt-icon refresh-replay-icon" }, { key: "drawTriangle", labelKey: "wsPlayer.drawTriangle", buttonParentClass: "ws-draw-triangle", buttonIconClass: "opt-icon draw-triangle-icon off" }, { key: "talkIcon", labelKey: "wsPlayer.talk", buttonParentClass: "ws-talk", buttonIconClass: "opt-icon talk-icon off" }, { key: "localRecordIcon", labelKey: "wsPlayer.recording", buttonParentClass: "ws-record", buttonIconClass: "opt-icon record-icon" }, { key: "audioIcon", labelKey: "wsPlayer.sound", buttonParentClass: "ws-audio", buttonIconClass: "opt-icon audio-icon off" }, { key: "snapshotIcon", labelKey: "wsPlayer.capture", buttonParentClass: "ws-capture", buttonIconClass: "opt-icon capture-icon" }], _translate(e, t, s) { Object.keys(this[e]).forEach((i => { let r = t.$t(`${s}${i}`); r && (this[e][i] = r) })) }, updateLocale(e) { this._translate("errorInfo", e, "wsPlayer.error."), this._translate("errorVideoInfo", e, "wsPlayer.play.error."), this.iconConfig.forEach((t => { t.label = e.$t(t.labelKey) })) }, transParam: 8192, contentPadding: 16, tagHeight: 50, contentTop: 64, lineHeight: 24 }, s = "Opera", i = "Chrome", r = "Firefox", a = "Edge", l = "Edg", n = "IE", o = "Safari", c = "UOS", d = "Qaxbrowser"; function h(e) { const { userAgent: t } = navigator; return t.split(e)[1].split(".")[0].slice(1) } function p() { return function () { let e = new Date; return [e.getFullYear(), e.getMonth() + 1, e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()] }().join("_") } const y = { checkBrowser: function () { const e = function () { const { userAgent: e } = navigator; return e.includes("UOS") ? i : e.includes("Qaxbrowser") ? d : e.includes("Edge") ? a : e.includes("Edg") ? l : e.includes("Firefox") ? r : e.includes("Chrome") ? i : e.includes("Safari") ? o : e.includes("compatible") && e.includes("MSIE") && e.includes("Opera") ? n : e.includes("Opera") ? s : "" }(), t = navigator.userAgent.includes("x64") || navigator.userAgent.includes("x86_64") || navigator.userAgent.includes("aarch64") ? 64 : 32, p = h(e); let y = !1, u = 0; switch (e) { case i: y = p >= 91 && 64 === t, u = 701; break; case r: y = p >= 97, u = 702; break; case a: case l: y = p >= 91, u = 703; break; case c: y = h("Chrome") >= 91, u = 704; break; case d: y = h("Chrome") >= 91, u = 705; break; default: y = 0 }return { isVersionCompliance: y, browserType: e, errorCode: u } }, validFunction: function (e) { return "[object Function]" === toString.call(e) }, mergeObject: function e() { let t = {}; for (let i = 0; i < arguments.length; i++) { let r = arguments[i]; for (let i in r) { let a = r[i]; "localeI18n" === i ? t[i] = a : (s = a, "[object Object]" === toString.call(s) ? t[i] = e(a) : null != a && (t[i] = a)) } } var s; return t }, getDateFormatByUnderline: p, throttle: function (e, t) { let s; return function () { s || (e.apply(this, arguments), s = setTimeout((() => { s = 0 }), t)) } }, debounce: function (e, t) { let s; return function () { s && clearTimeout(s), s = setTimeout((() => { e.apply(this, arguments), s = 0 }), t) } }, getToday12Time: function () { let e = new Date; return e.setHours(12, 0, 0), e.getTime() / 1e3 }, uint8ArraysToFileUrl: function (e, t = "video/mp4") { let s = e.map((e => e.buffer)), i = e.map((e => e.offset)); const r = s.reduce(((e, t) => e + t.length), 0), a = new Uint8Array(r); s.forEach(((e, t) => { let s = i[t]; if (!(e instanceof Uint8Array)) throw new TypeError("Expected an ArrayBuffer"); a.set(e, s) })); const l = new Blob([a], { type: t }); return { blob: l, file: new File([l], "video_" + p() + ("video/mp4" === t ? ".mp4" : ".dav"), { type: t }), blobUrl: URL.createObjectURL(l) } }, watchDomObserver: function (e, t) { const s = new ResizeObserver((e => { e.forEach((e => { t && t() })) })); return s.observe(e[0]), s } }; var u = globalThis && globalThis.__assign || function () { return u = Object.assign || function (e) { for (var t, s = 1, i = arguments.length; s < i; s++)for (var r in t = arguments[s]) Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]); return e }, u.apply(this, arguments) }, m = { lines: 12, length: 7, width: 5, radius: 10, scale: 1, corners: 1, color: "#000", fadeColor: "transparent", animation: "spinner-line-fade-default", rotate: 0, direction: 1, speed: 1, zIndex: 2e9, className: "spinner", top: "50%", left: "50%", shadow: "0 0 1px transparent", position: "absolute" }, w = function () { function e(e) { void 0 === e && (e = {}), this.opts = u(u({}, m), e) } return e.prototype.spin = function (e) { return this.stop(), this.el = document.createElement("div"), this.el.className = this.opts.className, this.el.setAttribute("role", "progressbar"), f(this.el, { position: this.opts.position, width: 0, zIndex: this.opts.zIndex, left: this.opts.left, top: this.opts.top, transform: "scale(" + this.opts.scale + ")" }), e && e.insertBefore(this.el, e.firstChild || null), function (e, t) { var s = Math.round(t.corners * t.width * 500) / 1e3 + "px", i = "none"; !0 === t.shadow ? i = "0 2px 4px #000" : "string" == typeof t.shadow && (i = t.shadow); for (var r = function (e) { for (var t = /^\s*([a-zA-Z]+\s+)?(-?\d+(\.\d+)?)([a-zA-Z]*)\s+(-?\d+(\.\d+)?)([a-zA-Z]*)(.*)$/, s = [], i = 0, r = e.split(","); i < r.length; i++) { var a = r[i].match(t); if (null !== a) { var l = +a[2], n = +a[5], o = a[4], c = a[7]; 0 !== l || o || (o = c), 0 !== n || c || (c = o), o === c && s.push({ prefix: a[1] || "", x: l, y: n, xUnits: o, yUnits: c, end: a[8] }) } } return s }(i), a = 0; a < t.lines; a++) { var l = ~~(360 / t.lines * a + t.rotate), n = f(document.createElement("div"), { position: "absolute", top: -t.width / 2 + "px", width: t.length + t.width + "px", height: t.width + "px", background: P(t.fadeColor, a), borderRadius: s, transformOrigin: "left", transform: "rotate(" + l + "deg) translateX(" + t.radius + "px)" }), o = a * t.direction / t.lines / t.speed; o -= 1 / t.speed; var c = f(document.createElement("div"), { width: "100%", height: "100%", background: P(t.color, a), borderRadius: s, boxShadow: g(r, l), animation: 1 / t.speed + "s linear " + o + "s infinite " + t.animation }); n.appendChild(c), e.appendChild(n) } }(this.el, this.opts), this }, e.prototype.stop = function () { return this.el && ("undefined" != typeof requestAnimationFrame ? cancelAnimationFrame(this.animateId) : clearTimeout(this.animateId), this.el.parentNode && this.el.parentNode.removeChild(this.el), this.el = void 0), this }, e }(); function f(e, t) { for (var s in t) e.style[s] = t[s]; return e } function P(e, t) { return "string" == typeof e ? e : e[t % e.length] } function g(e, t) { for (var s = [], i = 0, r = e; i < r.length; i++) { var a = r[i], l = v(a.x, a.y, t); s.push(a.prefix + l[0] + a.xUnits + " " + l[1] + a.yUnits + a.end) } return s.join(", ") } function v(e, t, s) { var i = s * Math.PI / 180, r = Math.sin(i), a = Math.cos(i); return [Math.round(1e3 * (e * a + t * r)) / 1e3, Math.round(1e3 * (-e * r + t * a)) / 1e3] } const S = { zhCN: { "common.more": "更多", "common.close": "关闭", "common.ok": "确定", "common.cancel": "取消", "common.reset": "重置", "storagePlan.stream.main": "主码流", "video.player.sub.stream": "辅码流{0}", "video.player.ptz.down": "下", "video.player.ptz.left": "左", "video.player.ptz.lower.left": "左下", "video.player.ptz.lower.right": "右下", "video.player.ptz.right": "右", "video.player.ptz.up": "上", "video.player.ptz.upper.left": "左上", "video.player.ptz.upper.right": "右上", "inspec.ptz.position1": "三维定位", "video.player.ptz.zoom": "变倍", "video.player.ptz.focus": "聚焦", "video.player.ptz.halo": "光圈", "channel.videoSource.video": "视频", "wsPlayer.decode.software": "软解", "wsPlayer.decode.hardware": "硬解", "wsPlayer.proxy": "代理模式, 此模式不做自动处理", "wsPlayer.recording": "本地录像", "wsplayer.more": "更多", "wsPlayer.fastForward": "快进", "wsPlayer.fastBackward": "快退", "wsPlayer.request.realtime.preview.interface": "请求实时预览接口", "wsPlayer.request.realtime.preview.interface.error.tip": "在传入的 {0} 方法上，resolve 返回的值应该为一个icc返回的标准对象", "wsPlayer.request.recording.interface": "请求录像接口", "wsPlayer.request.talk.interface": "请求对讲接口", "wsPlayer.screen.custom.split": "自定义分屏", "wsPlayer.screen.four": "四分屏", "wsPlayer.screen.full": "全屏", "wsPlayer.screen.nine": "九分屏", "wsPlayer.screen.one": "单屏", "wsPlayer.screen.selfAdaption": "自适应", "wsPlayer.screen.split": "{0}分屏", "wsPlayer.screen.stretching": "拉伸", "wsPlayer.speed.sub": "倍速-", "wsPlayer.speed.add": "倍速+", "wsPlayer.drawTriangle": "智能规则线", "wsPlayer.refreshReplay": "刷新重播", "wsPlayer.sound": "音频", "wsPlayer.talk": "对讲", "wsPlayer.establishTalk": "正在建立对讲...", "wsPlayer.talking": "对讲中...", "wsPlayer.income.format.error": "传入格式错误，请重新传入", "wsPlayer.one.click.off": "一键关闭", "wsPlayer.pause": "暂停", "wsPlayer.play": "播放", "ws.device.awakening": "{0}通道正在唤醒中", "wsPlayer.auto.recognition.failed": "自动识别失败，存在端口为非默认端口，开始通过参数判断，请注意传参！", "wsPlayer.capture": "抓图", "wsPlayer.video": "视频", "wsPlayer.current.window.cannot.be.merged": "当前窗口无法被合并", "wsPlayer.custom.player.max.support.tip": "自定义播放器只支持最大分割{0}个窗口", "wsPlayer.drag.tip": "不能拖拽到当前位置，请重新拖拽", "wsPlayer.play.error.101": "当前浏览器不支持硬解码", "wsPlayer.play.error.102": "硬解码播放失败", "wsPlayer.play.error.103": "硬解码播放延时超过8秒", "wsPlayer.play.error.104": "硬解码失败", "wsPlayer.play.error.201": "当前音频无法播放", "wsPlayer.play.error.202": "websocket连接错误", "wsPlayer.play.error.203": "文件播放完成", "wsPlayer.play.error.401": "该用户无操作权限", "wsPlayer.play.error.402": "该用户无播放权限", "wsPlayer.play.error.404": "请求超时或未找到", "wsPlayer.play.error.405": "播放超时", "wsPlayer.play.error.406": "视频流类型解析失败，请检查通道配置", "wsPlayer.play.error.407": "请求超时", "wsPlayer.play.error.408": "请求超时或码流不支持", "wsPlayer.play.error.409": "服务未推送码流", "wsPlayer.play.error.410": "视频流异常断开", "wsPlayer.play.error.411": "录像已播放完成", "wsPlayer.play.error.457": "时间设置错误", "wsPlayer.play.error.503": "WS连接地址错误，非当前连接的ICC服务器返回", "wsPlayer.play.error.504": "对讲失败", "wsPlayer.play.error.701": "Chrome版本低，请升级到最新的Chrome版本", "wsPlayer.play.error.702": "Firefox版本低，请升级到最新的Firefox版本", "wsPlayer.play.error.703": "Edge版本低，请升级到最新的Edge版本", "wsPlayer.play.error.default": "播放失败，请检查配置", "wsPlayer.error.101": "所选通道离线，无法播放", "wsPlayer.error.102": "登录权限过期，查询实时预览rtsp失败", "wsPlayer.error.103": "获取实时预览rtsp失败", "wsPlayer.error.104": "操作失败，请稍后重试", "wsPlayer.error.105": "通道休眠，正在唤醒中，请稍后再试", "wsPlayer.error.106": "请传入rtspURL和wsURL参数，注意大小写", "wsPlayer.error.107": "当前未传records录像文件, 将无法拖动进度条", "wsPlayer.error.108": "请求超时，请稍后重试", "wsPlayer.error.109": "rtsp未拼接token，请注意拼接token", "wsPlayer.error.110": "请传入正确的 'rtsp://xxx?token=' 地址", "wsPlayer.error.111": "当前初始化播放器不是录像回放，请设置(type: record)", "wsPlayer.error.112": "当前初始化播放器不是实时预览，请设置(type: real)", "wsPlayer.error.113": "HTTP协议下浏览器不支持对讲, 请用HTTPS协议对讲", "wsPlayer.error.201": "未查询到录像文件", "wsPlayer.error.202": "查询录像文件列表失败", "wsPlayer.error.203": "查询录像rtsp失败", "wsPlayer.error.204": "{0}倍速无法播放音频", "wsPlayer.error.205": "通道休眠，正在唤醒中，请稍后再试", "wsPlayer.error.206": "当前倍速不支持", "wsPlayer.error.301": "正在对讲，无法关闭音频", "wsPlayer.error.302": "其他设备对讲中，无法开启音频", "wsPlayer.error.303": "其他设备对讲中，无法开启对讲", "wsPlayer.error.304": "查询对讲rtsp失败", "wsPlayer.error.305": "http协议不支持对讲", "wsPlayer.error.306": "设备对讲失败", "wsPlayer.error.307": "不支持PCM音频格式对讲", "wsPlayer.error.308": "不支持ARM音频格式对讲", "wsPlayer.error.309": "不支持G711u音频格式对讲", "wsPlayer.error.310": "不支持G726音频格式对讲", "wsPlayer.error.311": "不支持AAC音频格式对讲", "wsPlayer.error.312": "不支持G722音频格式对讲", "wsPlayer.error.501": "解码库未初始化完成，请稍后播放！", "wsPlayer.error.502": "解码库未初始化完成，请稍后对讲！", "wsPlayer.error.503": "请检查创建播放器时，播放器容器是否存在", "wsPlayer.error.601": "所操作播放器不存在", "wsPlayer.error.602": "所选播放器正在本地录像中，不可重复本地录像", "wsPlayer.error.603": "所选播放器未播放录像，不可本地录像", "wsPlayer.error.604": "所选播放器未开始本地录像，不可操作关闭本地录像", "wsPlayer.error.605": "时间跳转播放传参错误", "wsPlayer.error.606": "设置自适应拉伸传参错误", "wsPlayer.error.607": "实时预览不支持倍速播放", "wsPlayer.error.608": "需传入正确的{0}方法：{1}", "wsPlayer.error.609": "超出当前设置最大窗口布局数量", "wsPlayer.error.610": "操作自定义窗口布局失败：{0}", "wsPlayer.error.611": "实时预览不支持播放方法", "wsPlayer.error.612": "实时预览不支持暂停方法", "wsPlayer.error.613": "实时预览不支持跳转播放", "wsPlayer.error.614": "当前窗口未播放实时预览画面, 无法进行对讲", "wsPlayer.error.701": "云台被用户{0}锁定，无法操作", "wsPlayer.error.702": "控制云台三维定位失败{0}", "wsPlayer.error.703": "控制云台{0}{1}失败{2}", "wsPlayer.error.704": "控制云台方向失败{0}", error2084: "您无权限进行此操作", "wsPlayer.error.30002002": "对讲被其他客户端打开，请稍后重试" }, enUS: { "common.close": "Close", "common.more": "More", "common.ok": "OK", "common.cancel": "Cancel", "common.reset": "Reset", "storagePlan.stream.main": "Main Stream", "video.player.sub.stream": "Sub Stream {0}", "video.player.ptz.down": "Down", "video.player.ptz.left": "Left", "video.player.ptz.lower.left": "Left Down", "video.player.ptz.lower.right": "Right Down", "video.player.ptz.right": "Right", "video.player.ptz.up": "Up", "video.player.ptz.upper.left": "Left Up", "video.player.ptz.upper.right": "Right Up", "inspec.ptz.position1": "3D Position", "video.player.ptz.zoom": "Zoom", "video.player.ptz.focus": "Focus", "video.player.ptz.halo": "Aperture", "channel.videoSource.video": "Video", "wsPlayer.proxy": "The current proxy pattern cannot perform automatic handling.", "wsPlayer.recording": "Local Record", "wsplayer.more": "More", "wsPlayer.request.realtime.preview.interface": "Request to check the interface in live view.", "wsPlayer.request.realtime.preview.interface.error.tip": "For the {0} method you pass in, the value returned by resolve should be a standard object returned by ICC.", "wsPlayer.request.recording.interface": "Request the recording interface.", "wsPlayer.request.talk.interface": "Request the intercom interface.", "wsPlayer.screen.custom.split": "Custom Split", "wsPlayer.screen.four": "Quad split screen", "wsPlayer.screen.full": "Full Screen", "wsPlayer.screen.nine": "Nine split screens", "wsPlayer.screen.one": "Single", "wsPlayer.screen.selfAdaption": "Fit", "wsPlayer.screen.split": "{0} Windows", "wsPlayer.screen.stretching": "Stretch", "wsPlayer.speed.sub": "Speed-", "wsPlayer.speed.add": "Speed+", "wsPlayer.sound": "Audio", "wsPlayer.drawTriangle": "Smart Guideline Triangle", "wsPlayer.refreshReplay": "refresh Replay", "wsPlayer.talk": "Intercom", "wsPlayer.establishTalk": "Establish Talk...", "wsPlayer.talking": "Talking...", "wsPlayer.income.format.error": "The format is incorrect. Please try again.", "wsPlayer.one.click.off": "Close All", "wsPlayer.pause": "Pause", "wsPlayer.play": "Play", "ws.device.awakening": "Waking up channel {0}...", "wsPlayer.auto.recognition.failed": "Automatic recognition failed. The existing port is not a default one. Begin to judge by parameters. Please pass in parameters!", "wsPlayer.capture": "Snapshot", "wsPlayer.current.window.cannot.be.merged": "The current window cannot be merged.", "wsPlayer.custom.player.max.support.tip": "Up to {0} window splits are supported for custom players.", "wsPlayer.drag.tip": "You cannot drop it here. Please try again.", "wsPlayer.decode.hardware": "Hardware Decoding", "wsPlayer.decode.software": "Software Decoding", "wsPlayer.play.error.101": "The browser does not support hardware decoding.", "wsPlayer.play.error.102": "Failed to play video for hardware decoding.", "wsPlayer.play.error.103": "The video for hardware decoding delay is higher than 8 seconds.", "wsPlayer.play.error.104": "Hardware decoding failed.", "wsPlayer.play.error.201": "Failed to play the audio.", "wsPlayer.play.error.202": "Websocket connection error.", "wsPlayer.play.error.203": "File ended.", "wsPlayer.play.error.401": "This user has no operation permission.", "wsPlayer.play.error.402": "This user has no playback permission.", "wsPlayer.play.error.404": "Request timed out or no videos were found.", "wsPlayer.play.error.405": "Time out playing the video.", "wsPlayer.play.error.406": "Failed to parse the video stream type. Please check the channel configuration.", "wsPlayer.play.error.407": "Request timed out.", "wsPlayer.play.error.408": "Request timed out or the stream is not supported.", "wsPlayer.play.error.409": "Service has not pushed the stream code.", "wsPlayer.play.error.410": "The video stream abnormally disconnected.", "wsPlayer.play.error.411": "Video ended.", "wsPlayer.play.error.457": "The time was incorrectly set.", "wsPlayer.play.error.503": "Incorrect WS connection address, not returned from the currently connected ICC server.", "wsPlayer.play.error.504": "Talk failed.", "wsPlayer.play.error.701": "Your Google Chrome is not up to date. Please update it to the latest version.", "wsPlayer.play.error.702": "Your Firefox is not up to date. Please update it to the latest version.", "wsPlayer.play.error.703": "Your Edge is not up to date. Please update it to the latest version.", "wsPlayer.play.error.default": "Failed to play. Please check the configuration.", "wsPlayer.error.101": "Failed to play. The selected channel is offline.", "wsPlayer.error.102": "Failed to search the RTSP address for the live video. Your login permission has expired.", "wsPlayer.error.103": "Failed to obtain real-time preview RTSP.", "wsPlayer.error.104": "Operation failed. Please try again later.", "wsPlayer.error.105": "Waking up the channel which is currently in sleep status...Please try again later.", "wsPlayer.error.106": "Please pass in rtspURL and wsURL parameters, pay attention to case", "wsPlayer.error.107": "No records file passed, unable to scrub the timeline", "wsPlayer.error.108": "The request timed out. Please try again later", "wsPlayer.error.109": "RTSP does not splice token, please note that token is spliced", "wsPlayer.error.110": "Please pass in the correct 'rtsp://XXX?token=' address", "wsPlayer.error.111": "The current initialized player is not record，please setting (type: record)", "wsPlayer.error.112": "The current initialized player is not real,，please setting (type: real)", "wsPlayer.error.113": "The browser does not support intercom under the HTTP protocol, please use the HTTPS protocol for intercom.", "wsPlayer.error.201": "No video files were found.", "wsPlayer.error.202": "Failed to search for the list of video files.", "wsPlayer.error.203": "Failed to search the RTSP address for videos.", "wsPlayer.error.204": "Failed to play audio in {0}x speed.", "wsPlayer.error.205": "Waking up the channel which is currently in sleep status...Please try again later.", "wsPlayer.error.206": "Unsupported playback speed", "wsPlayer.error.301": "Audio cannot be disabled when using talk.", "wsPlayer.error.302": "Audio cannot be opened when another device is using talk.", "wsPlayer.error.303": "Talk cannot be enabled when another device is using it.", "wsPlayer.error.304": "Failed to search the RTSP address for talk.", "wsPlayer.error.305": "HTTP protocol does not support talk.", "wsPlayer.error.306": "Failed to talk through the device.", "wsPlayer.error.307": "Talk does not support the PCM audio format.", "wsPlayer.error.308": "Talk does not support the ARM audio format.", "wsPlayer.error.309": "Talk does not support the G711u audio format.", "wsPlayer.error.310": "Talk does not support the G726 audio format.", "wsPlayer.error.311": "Talk does not support the AAC audio format.", "wsPlayer.error.312": "Talk does not support the G722 audio format.", "wsPlayer.error.501": "The decoding database is not yet fully initialized. Please try again later.", "wsPlayer.error.502": "The decoding database is not yet fully initialized. Please try again later.", "wsPlayer.error.503": "Please check if the player container exists when you create a player.", "wsPlayer.error.601": "The player that you are trying to use does not exist.", "wsPlayer.error.602": "The selected player has already started to make a local recording.", "wsPlayer.error.603": "The selected player is not playing videos now. You cannot start the local recording.", "wsPlayer.error.604": "The selected player is not playing a local recording now. You cannot stop the local recording.", "wsPlayer.error.605": "Error jumping to a specific time in a video.", "wsPlayer.error.606": "Error configuring self-adaptive image scale.", "wsPlayer.error.607": "You cannot control the speed of live video.", "wsPlayer.error.608": "Incorrect {0} method: {1}", "wsPlayer.error.609": "Exceeded the current limit for the number of split windows.", "wsPlayer.error.610": "Failed to customize the layout of the window. {0}", "wsPlayer.error.611": "Real-time preview does not support playback method", "wsPlayer.error.612": "Real-time preview does not support pause method", "wsPlayer.error.613": "Real-time preview does not support jump playback", "wsPlayer.error.614": "Real-time preview is not playing in the current window, unable to perform intercom.", "wsPlayer.error.701": "Failed to operate. The PTZ was locked by user {0}.", "wsPlayer.error.702": "Failed to control PTZ 3D positioning {0}", "wsPlayer.error.703": "Failed to control PTZ {0}{1}. {2}", "wsPlayer.error.704": "Failed to control the PTZ direction {0}", error2084: "You have no permission to perform this operation." } }; let x = {}, I = null; const T = { setLocal: function (e) { x = S[e] }, setI18n: function (e) { I = e }, $t: function (e, t) { if (I && I.t && I.t(e, t) !== e) return I.t(e, t); if (I && I.$t && I.$t(e, t) !== e) return I.$t(e, t); let s = x[e]; return Array.isArray(t) && t.forEach(((e, t) => { s = s.replace(`{${t}}`, e) })), s } }, C = function (e, t, s, i) { console.log("PlayStart", t), this.closeCRaw(), this.setLoading(!1, "playing", e.closeReason), "video" === t.decodeMode ? (this.videoElem.style.display = "", this.canvasElem.style.display = "none") : (this.videoElem.style.display = "none", this.canvasElem.style.display = ""), this.customDomElem && this.customDomElem.css("display", ""), this.updateAdapter(e.playerAdapter, t), this.width = t.width, this.height = t.height, WSPlayerJQ.$(".stream-info", this.$el).text(`${t.encodeMode ? `${t.encodeMode}, ` : ""}${t.width ? `${t.width}*` : ""}${t.height ? t.height : ""}${"video" === t.decodeMode ? `, ${T.$t("wsPlayer.decode.hardware")}` : `, ${T.$t("wsPlayer.decode.software")}`}`), WSPlayerJQ.$(".ws-draw-triangle", this.$el).removeClass(s ? "off" : "on").addClass(s ? "on" : "off"), N.call(this, s, 100 * this.wsPlayer.wsPlayerIndex + this.initIndex, i) }, b = function (e, t, s) { try { let i = ""; if (this.wsPlayer.setWSUrl) i = this.wsPlayer.setRedirectWSUrl(e.wsURL, t); else if (s) { let s = i = t.split("rtsp://")[1].split("/")[0]; i = e.wsURL.split("serverIp=")[0] + "serverIp=" + s } else i = e.wsURL.split("://")[0] + t.split("rtsp://")[1].split("/")[0]; self.playSDK.StartPullStream({ strRtspvUri: i, strRtspvUrl: t, strSourceId: "", bTalkService: !1, nRange: 0, nShortTimeout: this.wsPlayer.rtspResponseTimeout || 8, nRtspResponseTimeout: this.wsPlayer.rtspResponseTimeout + 2 || 10 }) } catch (i) { console.log("redirect_ws_err:", i) } }, D = function (e) { if (1 == localStorage.WSPlayerLogLevel && console.log("浏览器资源nPort", e), e > 160) { this.chromeResourceOutOfMemory = !0, console.warn("浏览器资源不足, 请等待3-5秒后重试"), this.wsPlayer.sendMessage("chromeMemoryOut", { channelData: self.options.channelData, channelInfo: { ...options }, selectIndex: self.index, message: "浏览器资源不足, 请等待3-5秒后重试" }); let e = setTimeout((() => { this.wsPlayer.close(this.currentIndex, "chromeMemoryOut"), clearTimeout(e) }), 10), t = setTimeout((() => { this.chromeResourceOutOfMemory = !1, clearTimeout(t) }), 3e3) } else this.playSDK.nPlayPort = e, window.wsPlayerManager.bindPlayer(this.playSDK.nPlayPort, this.playSDK), window.wsPlayerManager.bindCanvasPlayer(this.canvasId, this.playSDK) }, k = function (e) { if (this.wsPlayer.config.recordCb || !this.wsPlayer.config.downloadMp4Record) { if (this.localRecordbufferLength > e.offset) { try { this.localRecordbufferLength += e.length, this.localRecordList.push({ offset: e.offset, buffer: e.data }); let { blob: t, file: s, blobUrl: i, form: r } = y.uint8ArraysToFileUrl(this.localRecordList, this.wsPlayer.config.downloadMp4Record ? "video/mp4" : "application/octet-stream"); this.wsPlayer.sendMessage("localRecordFile", { channelData: this.options.channelData, channelInfo: { ...this.options }, selectIndex: this.options.index, blob: t, file: s, blobUrl: i, form: r }) } catch (t) { console.log("localRecordFileFailed", t) } return this.localRecordList = [], void (this.localRecordbufferLength = 0) } this.localRecordbufferLength += e.length, this.localRecordList.push({ offset: e.offset, buffer: e.data }), this.wsPlayer.sendMessage("localRecordBuf", { channelData: this.options.channelData, channelInfo: { ...this.options }, selectIndex: this.index, recordBuf: { ...e } }) } }, R = function (e, s, i, r, a) { if (5 === Number(i)) try { let e = new Uint8Array(s), i = new TextDecoder("utf-8").decode(e), r = JSON.parse(i); if (r.Events) { if (!r.Events[0].Data) return; let e = r.Events[0].Data.RealtimeData.filter((e => null !== e)), { curCRawMap: s, curInfoMap: i } = this.getCRawArr(e); if (self.isFirstInfo) { console.log("第一次接收"), self.LastCRawMap = s, self.LastCRawInfo = i; let r = self.cRawCanvasElem.clientWidth, a = self.cRawCanvasElem.clientHeight, l = document.createDocumentFragment(), n = $("#" + self.cRawCanvasId); for (let s = 0; s < e.length; s++) { const i = e[s]; if (i) { let { DeviceName: e, Text: s, Rect: n } = i, o = n[0] * r / t.transParam, c = n[1] * a / t.transParam, d = self.LastCRawMap[e], h = self.getCRawTemplate(!1, s, e, d, o, c, i.AlarmEnable), p = document.createRange().createContextualFragment(h); l.appendChild(p) } } n.append(l) } else { let e = Object.keys(self.LastCRawMap), t = Object.keys(s); self.handleCRawArrs(e, t, i) } self.isFirstInfo && (self.isFirstInfo = !1) } } catch (l) { console.log("辅助帧数据存在异常不做展示") } }, L = function () { "4" === String(this.wsPlayer.config.cacheMode) ? (this.playSDK.SetCacheMode(0), this.playSDK.SetPlayMethod(200, 1e3, 3e3)) : ["0", "1", "2", "3"].includes(String(this.wsPlayer.config.cacheMode)) ? this.playSDK.SetCacheMode(this.wsPlayer.config.cacheMode || 1) : this.playSDK.SetCacheMode(1) }, W = function (e, t, s, i) { if (window.wsPlayerManager.canvasToPlayer[this.canvasId]) { let r = setTimeout((() => { W.call(this, e, t, s, i), clearTimeout(r) }), 50); return } this.playSDK.Init({ canvasElem: this.canvasElem, videoElem: this.videoElem, ivsCanvasElem: this.ivsCanvasElem, bPlayBack: t, strDecodeFilePath: `${this.wsPlayer.prefixUrl}/WSPlayer/singleThread` }, null, this.wsPlayer.config.isWebView); const { platform: r } = navigator; 0 == r.indexOf("iPhone") ? this.playSDK.SetDecodeMode(!1, !1) : this.playSDK.SetDecodeMode(s, i), !t && L.call(this), this.playSDK.m_rtspvHandle = this.playSDK.StartPullStream({ strRtspvUri: e.wsURL, strRtspvUrl: e.rtspURL, strSourceId: "", bTalkService: !1, nRange: 0, nShortTimeout: this.wsPlayer.rtspResponseTimeout || 8, nRtspResponseTimeout: this.wsPlayer.rtspResponseTimeout + 2 || 10 }), null != this.playSDK.m_rtspvHandle && window.wsPlayerManager.bindHandlePlayer(this.playSDK.m_rtspvHandle, this.playSDK) }, E = function (e, s) { const { onlyLoadSingleLib: i, useH264MSE: r, useH265MSE: a, useNginxProxy: l, openIvs: n, ivsTypeArr: o } = e; let c = this; this.playSDK = new window.PlaySDKInterface(!i), this.setLogLevel(), this.playSDK.SetCallBack("StreamRedirect", (function (e) { b.call(c, s, e, l) })), this.playSDK.SetCallBack("GetPlayPort", (e => { D.call(c, e) })), this.playSDK.SetCallBack("PlayStart", (e => { C.call(c, s, e, n, o), c.talkWSUrl = s.wsURL, c.wsPlayer.sendMessage("realSuccess", { channelData: { ...s.channelData || {} }, channelInfo: { ...s }, selectIndex: s.selectIndex, customDomId: c.customDomId, streamInfo: { ...e } }) })), this.playSDK.SetCallBack("DecodeStart", (e => { })), this.playSDK.SetCallBack("Disconnect", (() => { c.isclosing = !1, c.isError ? c.setLoading(!1, "closed") : c.setStatus("streamError", { errorCode: "410", description: "Video Stream Abnormality" }) })), this.playSDK.SetCallBack("VideoFrameInfo", (e => { c.wsPlayer.sendMessage("getVideoFrameInfo", { channelData: c.options.channelData, channelInfo: c.options, selectIndex: c.index, audioFrameInfo: e }) })), this.playSDK.SetCallBack("AudioFrameInfo", (e => { c.wsPlayer.sendMessage("getAudioFrameInfo", { channelData: c.options.channelData, channelInfo: c.options, selectIndex: c.index, audioFrameInfo: e }) })), this.playSDK.SetCallBack("CapturePicDataCallBack", (e => { if (c.wsPlayer.config.picCapCb) try { const t = c.playSDK.GetCurrentFrameInfo(); c.wsPlayer.sendMessage("picCap", { channelData: c.options.channelData, channelInfo: { ...s }, selectIndex: c.index, base64Img: c.currentWindowPlaying ? this.uint8ArrayToBase64(e) : "", imgBuf: e, timeStamp: t.utcTimeStamp }) } catch (t) { console.log("picCap_error", t) } })), this.playSDK.SetCallBack("RecordDataInfo", (e => { k.call(c, e) })), this.playSDK.SetCallBack("IVSDrawData", ((e, t, s, i, r) => { R.call(this, e, t, s, i, r) })), this.playSDK.SetCallBack("Error", (e => { if (c.playSDK && ![101, 102, 103, 104, 204].includes(Number(e.errorCode))) { switch (c.isError = !0, c.setLoading(!1), console.log("Error: " + JSON.stringify(e)), c.setStatus("error", e), String(e.errorCode)) { case "100": let e = setTimeout((() => { c.setLoading(!1, "closed"), c.close(!1, !1, "closed", "playSDKError"), clearTimeout(e) })); this.wsPlayer.sendMessage("chromeMemoryOut", { channelData: c.options.channelData, channelInfo: { ...s }, selectIndex: c.index, message: "浏览器资源不足, 请等待3-5秒后重试" }); break; case "409": console.log("%c 服务未推送码流排查步骤：\n1、是否设备离线\n2、是否服务异常导致\n3、设备播放是否为辅码流，辅码流无法播放，可进入平台客户端播放录像查看。\n", "color: #fff; background: #07c160;font-size: 18px;") }c.wsPlayer.sendMessage("realError", { selectIndex: s.selectIndex, channelData: { ...s.channelData || {} }, channelInfo: { ...s } }, { code: e.errorCode, msg: t.errorVideoInfo[e.errorCode] }) } })), W.call(this, s, 0, r, a) }, M = function (e, s) { let i = this; const { useH264MSE: r, useH265MSE: a, onlyLoadSingleLib: l, useNginxProxy: n, ivsTypeArr: o, openIvs: c } = e; this.playSDK = new window.PlaySDKInterface(!l), this.setLogLevel(), this.playSDK.SetCallBack("StreamRedirect", (function (e) { b.call(i, s, e, n) })), this.playSDK.SetCallBack("GetPlayPort", (e => { D.call(i, e) })), this.playSDK.SetCallBack("PlayStart", (e => { C.call(i, s, e, c, o), i.wsPlayer.selectIndex === i.index && (WSPlayerJQ.$(".ws-record-play", i.wsPlayer.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-pause", i.wsPlayer.$el).css({ display: "block" })), this.isFirstInfo = !0, i.wsPlayer.sendMessage("recordSuccess", { selectIndex: s.selectIndex, channelData: { ...s.channelData || {} }, channelInfo: { ...s }, customDomId: i.customDomId, streamInfo: { ...e } }) })), this.playSDK.SetCallBack("DecodeStart", (e => { i.DecodeStart && i.wsPlayer.config.playCenterRecordByTime && (i.DecodeStart(), i.DecodeStart = null) })), this.playSDK.SetCallBack("Disconnect", (() => { i.isError ? i.setLoading(!1, "closed") : i.setStatus("streamError", { errorCode: "410", description: "Video Stream Abnormality" }) })), this.playSDK.SetCallBack("VideoFrameInfo", (e => { "playing" === i.status && i.wsPlayer.__setPlayingTime(i.index, e.nYear, e.nMonth, e.nDay, e.nHour, e.nMinute, e.nSecond), i.wsPlayer.sendMessage("getVideoFrameInfo", { channelData: i.options.channelData, channelInfo: i.options, selectIndex: i.index, videoFrameInfo: e, timeStamp: new Date(e.nYear, e.nMonth - 1, e.nDay, e.nHour, e.nMinute, e.nSecond).getTime() / 1e3 }) })), this.playSDK.SetCallBack("AudioFrameInfo", (e => { i.wsPlayer.sendMessage("getAudioFrameInfo", { channelData: i.options.channelData, channelInfo: i.options, selectIndex: i.index, audioFrameInfo: e }) })), this.playSDK.SetCallBack("CapturePicDataCallBack", (e => { if (i.wsPlayer.config.picCapCb) try { const t = i.playSDK.GetCurrentFrameInfo(); i.wsPlayer.sendMessage("picCap", { channelData: i.options.channelData, channelInfo: { ...s }, selectIndex: i.index, base64Img: i.currentWindowPlaying ? this.uint8ArrayToBase64(e) : "", imgBuf: e, timeStamp: t.utcTimeStamp }) } catch (t) { console.log("picCap_error", t) } })), this.playSDK.SetCallBack("RecordDataInfo", (e => { k.call(i, e) })), this.playSDK.SetCallBack("PlayBackStreamRange", (e => { try { this.options && "url" === s.playType && i.wsPlayer.setTimeLine(s.records), i.wsPlayer.sendMessage("getPlayBackStreamRange", { channelData: i.options.channelData, channelInfo: i.options, selectIndex: i.index, recordRange: e }) } catch (t) { console.log("playback_range_error", t) } })), this.playSDK.SetCallBack("StreamPlayOver", (e => { if (console.log("回放播放完成", e), i.options.playRecordByFile) i.wsPlayer.playNextRecordByFile(i.index, (() => { i.setStatus("recordFinish", { errorCode: "411", description: "Record Finished" }) })); else { if (!i.options.playRecordByTime) { let e = "", t = i.options.ssId, s = i.options.ssIdList || []; if (t && (e = s[s.indexOf(t) + 1]), e) return void i.wsPlayer.playNextRecord(i.index, e) } i.setStatus("recordFinish", { errorCode: "411", description: "Record Finished" }) } })), this.playSDK.SetCallBack("IVSDrawData", ((e, t, s, i, r) => { R.call(this, e, t, s, i, r) })), this.playSDK.SetCallBack("Error", (e => { if (i.playSDK) { if (i.isError = !0, [101, 102, 103, 104, 204, 408].includes(Number(e.errorCode))) return; i.setLoading(!1), console.log("Error: " + JSON.stringify(e)), i.setStatus("error", e), i.wsPlayer.sendMessage("recordError", { selectIndex: s.selectIndex, channelData: { ...s.channelData || {} }, channelInfo: { ...s } }, { code: e.errorCode, msg: t.errorVideoInfo[e.errorCode] }) } })), W.call(this, s, 1, r, a), this.timeLong = s.endTime - s.startTime; let d = this.timeLong % 60, h = parseInt(this.timeLong / 60) % 60, p = parseInt(this.timeLong / 3600) % 60; this.timeLongStr = `${p > 0 ? p + ":" : ""}${h < 10 ? "0" + h : h}:${d < 10 ? "0" + d : d}`, WSPlayerJQ.$(".time-long", this.$el).text(this.timeLongStr), this.setStatus("ready") }, _ = function (e, s) { this.wsPlayer.isTalking = !0, this.isTalking = !0, WSPlayerJQ.$(".talk-icon", this.$el).removeClass("off").addClass("on"); let i = this; this.talkPlaySDK = new window.PlaySDKInterface(!this.wsPlayer.config.onlyLoadSingleLib), this.setLogLevel(), this.talkPlaySDK.SetCallBack("GetPlayPort", (e => { this.talkPlaySDK.nPlayPort = e, window.wsPlayerManager.bindPlayer(this.talkPlaySDK.nPlayPort, this.talkPlaySDK) })), this.talkPlaySDK.SetCallBack("AVTalkDataSendSuccess", (t => { WSPlayerJQ.$(".ws-talking", this.$el).html(`${T.$t("wsPlayer.talking")}`), i.wsPlayer.sendMessage("talkSuccess", { selectIndex: e.selectIndex, channelData: { ...this.options.channelData || {} }, channelInfo: this.options }) })), this.talkPlaySDK.SetCallBack("Error", (s => { i.wsPlayer.sendMessage("talkError", { selectIndex: e.selectIndex, channelData: { ...this.options.channelData || {} }, channelInfo: this.options }, { code: s.errorCode, msg: t.errorVideoInfo[s.errorCode] }), i.stopTalk() })), this.talkPlaySDK.SetCallBack("Disconnect", (e => { i.stopTalk && i.stopTalk() })), this.talkPlaySDK.Init({ canvasElem: null, videoElem: null, ivsCanvasElem: null, bPlayBack: 0, strDecodeFilePath: `${this.wsPlayer.prefixUrl}/WSPlayer/singleThread` }); let r = this.talkPlaySDK.StartPullStream({ strRtspvUri: e.wsURL || this.talkWSUrl, strRtspvUrl: e.rtspURL + "&trackID=501", strSourceId: "", bTalkService: !0, nRange: 0, nShortTimeout: this.wsPlayer.rtspResponseTimeout || 8, nRtspResponseTimeout: this.wsPlayer.rtspResponseTimeout + 2 || 10, bBroadcast: Boolean(e.gbDevice) }); null != r && window.wsPlayerManager.bindHandlePlayer(r, this.talkPlaySDK), "4" === String(s) ? this.talkPlaySDK.StartTalk(1) : this.talkPlaySDK.StartTalk(0), window.wsPlayerManager.bindPlayer(this.talkPlaySDK.nPlayPort, this.talkPlaySDK), WSPlayerJQ.$(".ws-talking", this.$el).html(`${T.$t("wsPlayer.establishTalk")}`), WSPlayerJQ.$(".ws-talking", this.$el).css({ visibility: "visible" }), this.openVolume() }, J = function () { if (window.wsAudioPlayer) window.wsAudioPlayer.manualResume("fromTalk"); else { let e = setInterval((() => { window.wsAudioPlayer && (window.wsAudioPlayer.manualResume("fromTalk"), clearInterval(e)) }), 100) } }, Q = function (e) { this.playSDK && (0 === e ? (this.playSDK.SetSoundState(!1), WSPlayerJQ.$(".ws-audio", this.$el).removeClass("on").addClass("off"), WSPlayerJQ.$(".audio-icon", this.$el).removeClass("on").addClass("off")) : (this.playSDK.SetSoundState(!0), this.playSDK.SetVolume(e > 1 ? 1 : e), J(), WSPlayerJQ.$(".ws-audio", this.$el).removeClass("off").addClass("on"), WSPlayerJQ.$(".audio-icon", this.$el).removeClass("off").addClass("on"))) }, N = function (e, t, s) { if (this.playSDK) try { e ? (this.ivsCanvasElem.style.display = "block", this.playSDK.OpenIVS(t), this.playSDK.SetIvsLanguageEnvi("en" === localStorage.getItem("language") ? 1 : 0), s.includes(1) || this.playSDK.SetIvsEnable(3, 0), s.includes(2) || (this.playSDK.SetIvsEnable(1, 0), this.playSDK.SetIvsEnable(14, 0))) : (this.ivsCanvasElem.style.display = "none", this.playSDK.CloseIVS()) } catch (i) { console.log("set_ivsDraw_error:", i) } }; let z = [], F = []; const B = function (e, t, s) { return new Promise(((i, r) => { let a = (e = e.map((e => t + "://" + e))).filter((e => z.includes(e))); if (a.length) return void i(a[0]); if (e.every((e => F.includes(e)))) return void r({ code: -105, message: T.$t("wsPlayer.auto.recognition.failed") }); let l = 0, n = t => { let a, o = new WebSocket(t), c = !1; o.onopen = () => { c = !0, z.push(t), clearTimeout(a), o.close(), i(e[l - 1]) }, o.onerror = () => { F.push(t), clearTimeout(a), c = !1, l >= e.length ? r({ code: -105, message: T.$t("wsPlayer.auto.recognition.failed") }) : n(e[l++]) }, a = setTimeout((() => { F.push(t), !c && o.close() }), 1e3 * s) }; n(e[l++]) })) }, A = function (e, s) { if (this.intranetMap) for (let t in this.intranetMap) t.includes(s) && (s = this.intranetMap[t]); if (!s) return void console.warn("please configure 【streamServerIp】 in new PlayerManager({...})"); if (s.includes(":")) return `${e}://${s}`; let i = ""; return i = "wss" === e ? "real" === this.type ? t.websocketPorts.realmonitor_wss : t.websocketPorts.playback_wss : "real" === this.type ? t.websocketPorts.realmonitor_ws : t.websocketPorts.playback_ws, `${e}://${s}:${i}` }, U = function (e, s, i) { let r = ""; s.match(/\d{1,3}(\.\d{1,3}){3}/g) && (r = s.split("//")[1].split(":")[0]); let a = "real" === this.type ? t.websocketPorts.realmonitor : t.websocketPorts.playback; return this.proxyServerIp ? `${e}://${this.proxyServerIp}/${a}?serverIp=${i || r}` : (console.warn("please configure 【proxyServerIp】 in new PlayerManager({...})\n now i use 【location.host】 instead of 【proxyServerIp】 or set configure【localStorage.wsplayerProxyIp】"), `${e}://${localStorage.wsplayerProxyIp || location.host}/${a}?serverIp=${i || r}`) }, K = function (e) { let { rtspURL: t, streamServerIp: s, wsList: i, playType: r, wssDirect: a, talkData: l } = e; return new Promise(((e, a) => { if ("url" === r) return void e(); if (localStorage.wsUrl) return void e(localStorage.wsUrl); if (this.setWSUrl) return void e(this.setWSUrl(i)); let l = this.wsProtocol || (this.isHttps ? "wss" : "ws"); "DEVTOOL" === this.ENV && this.config.useNginxProxy ? e(U.call(this, "wss", t, s || this.streamServerIp)) : B(i, l, this.WS_TIMEOUT).then((t => { e(t) })).catch((i => { if (console.warn(i.message), this.isHttps && this.config.useNginxProxy && this.proxyServerIp) return void e(U.call(this, "wss", t, "ICC" === this.ENV && s || this.streamServerIp || s)); let r = A.call(this, l, this.streamServerIp || s); r && e(r) })) })) }, V = function () { let e = parseInt(this.config.maxNum, 10); this.maxWindow = e > 16 ? 25 : e > 9 ? 16 : e > 8 ? 9 : e > 6 ? 8 : e > 4 ? 6 : e }, O = function (e) { let t = 100 / e, s = []; for (var i = 0; i < e; i++)for (var r = 0; r < e; r++)s.push({ lStep: r * t, tStep: i * t, wStep: t, hStep: t }); return s }, H = function (e, t) { let s = []; s = "number" == typeof t ? O(t) : t; let i = 100; for (var r = 0; r < e.length; r++) { let t = e[r].getAttribute("id"), a = t.split("-"), l = Number(a[a.length - 1]); s[l] ? WSPlayerJQ.$(`#${t}`).css({ top: `${s[l].tStep}%`, left: `${s[l].lStep}%`, width: `${s[l].wStep}%`, height: `${s[l].hStep}%`, visibility: "visible", "z-index": i-- }) : WSPlayerJQ.$(`#${t}`).css({ top: "150%", left: 0, width: 0, height: 0, visibility: "hidden" }) } }, q = function (e, t) { for (let s = 0; s < t; s++)e[s] && WSPlayerJQ.$(`#${e[s].getAttribute("id")}`).css({ top: "150%", left: 0, width: 0, height: 0, visibility: "hidden" }) }, X = function (e, s) { let i = WSPlayerJQ.$(`#${this.el} .wsplayer-item`); q(i, this.config.maxNum); let r = parseInt(e) || 1; switch (r) { case 1: r = 1, H(i, 1); break; case 2: r = 2, H(i, t.windowDefaultCustomDivision[2]); break; case 3: r = 3, H(i, t.windowDefaultCustomDivision[3]); break; case 4: r = 4, H(i, 2); break; case 5: case 6: r = 6, H(i, t.windowDefaultCustomDivision[6]); break; case 7: case 8: r = 8, H(i, t.windowDefaultCustomDivision[8]); break; case 9: r = 9, H(i, 3); break; case 10: case 11: case 12: case 13: case 14: case 15: case 16: r = 16, H(i, 4); break; case 17: case 18: case 19: case 20: case 21: case 22: case 23: case 24: case 25: r = 25, H(i, 5) }r > this.maxWindow && (r = this.maxWindow), this.showNum !== r && (this.showNum = r, !s && this.sendMessage("windowNumChanged", this.showNum), setTimeout((() => { this.__updatePlayerWindow() }), 200)) }, j = function (e, t) { let s = WSPlayerJQ.$(`#${this.el} .wsplayer-item`); q(s, this.config.maxNum), H(s, JSON.parse(e)), this.showNum = e, !t && this.sendMessage("windowNumChanged", this.showNum), setTimeout((() => { this.__updatePlayerWindow() }), 200) }, Y = function (e, t, s) { WSPlayerJQ.$(`#${this.el}-${t}`).css({ top: `${e[s].tStep}%`, left: `${e[s].lStep}%`, width: `${e[s].wStep}%`, height: `${e[s].hStep}%` }), WSPlayerJQ.$(`#${this.el}-${s}`).css({ top: `${e[t].tStep}%`, left: `${e[t].lStep}%`, width: `${e[t].wStep}%`, height: `${e[t].hStep}%` }); let i = WSPlayerJQ.$(`#${this.el}-${t} .default-status`).css("transform"), r = WSPlayerJQ.$(`#${this.el}-${s} .default-status`).css("transform"); WSPlayerJQ.$(`#${this.el}-${t} .default-status`).css({ transform: r }), WSPlayerJQ.$(`#${this.el}-${s} .default-status`).css({ transform: i }), WSPlayerJQ.$(`#${this.el}-${t}`).attr("id", `${this.el}-temp`), WSPlayerJQ.$(`#${this.el}-${s}`).attr("id", `${this.el}-${t}`).removeClass(`wsplayer-item-${s}`).addClass(`wsplayer-item-${t}`), WSPlayerJQ.$(`#${this.el}-temp`).attr("id", `${this.el}-${s}`).removeClass(`wsplayer-item-${t}`).addClass(`wsplayer-item-${s}`); let a = this.playerList[t]; this.playerList[t] = this.playerList[s], this.playerList[s] = a, this.playerList[t].index = t, this.playerList[t].currentIndex = t, this.playerList[t].domId = `${this.el}-${s}`, this.playerList[s].index = s, this.playerList[s].currentIndex = s, this.playerList[s].domId = `${this.el}-${t}` }, G = function (e) { if (this.currentDragWindowIndex < 0 || this.currentDragWindowIndex === e) return void (this.currentDragWindowIndex = -1); let s = []; s = "number" == typeof this.showNum ? t.windowDefaultCustomDivision[this.showNum] ? t.windowDefaultCustomDivision[this.showNum] : O(Math.sqrt(this.showNum)) : JSON.parse(this.showNum), Y.call(this, s, this.currentDragWindowIndex, e), this.sendMessage("dragWindow", { dragIndex: this.currentDragWindowIndex, dropIndex: e }), this.currentDragWindowIndex === this.selectIndex && this.setSelectIndex(e), this.currentDragWindowIndex = -1, setTimeout((() => { this.__updatePlayerWindow() }), 200) }, Z = function (e) { K.call(this, e).then((t => { e.wsURL = e.wsURL || t, e.playerAdapter = e.playerAdapter || this.playerAdapter; let s = this.playerList[e.selectIndex]; s.playType = e.playType, "number" == typeof this.showNum && e.selectIndex + 1 < this.showNum || "string" == typeof this.showNum && e.selectIndex + 1 < JSON.parse(this.showNum).length ? this.setSelectIndex(e.selectIndex + 1) : this.selectIndex === e.selectIndex && s && this.setPtzChannel(e.channelData), s && s.init(e) })) }, ee = function (e) { let t = this.playerList[e.selectIndex]; B(e.wsList, "wss", this.WS_TIMEOUT).then((t => { e.wsURL = t })).catch((() => { })).finally((() => { t.startTalk(e) })) }, te = function (e, t = {}) { return new Promise(((s, i) => { let r = this.playerList[e.selectIndex]; r ? (r.playType = e.playType, K.call(this, e).then((i => { e.wsURL = e.wsURL || i, e.playerAdapter = e.playerAdapter || this.playerAdapter, WSPlayerJQ.$(".ws-record-play", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-pause", this.$el).css({ display: "block" }); for (let e in t) r[e] = t[e]; r && r.init(e), s() }))) : i() })) }; class se { constructor(e) { this.$el = null, this.canvasElem = null, this.videoElem = null, this.wrapperDomId = e.wrapperDomId, this.i18n = e.locale, this.isclosing = !1, this.domId = e.wrapperDomId + "-" + e.index, this.canvasId = `${this.domId}-livecanvas`, this.ivsCanvasId = `${this.domId}-ivs-livecanvas`, this.cRawCanvasId = `${this.domId}-cRaw-livecanvas`, this.pztCanvasId = `${this.domId}-pzt-livecanvas`, this.videoId = `${this.domId}-liveVideo`, this.wsPlayer = e.wsPlayer, this.index = e.index, this.initIndex = e.index, this.firstTime = 0, this.isAudioPlay = !1, this.speed = 1, this.localRecordList = [], this.localRecordbufferLength = 0 } initDom() { let e = this.getTemplate(), t = WSPlayerJQ.$(e); this.wsPlayer.$wrapper.append(t[0]), this.$el = WSPlayerJQ.$("#" + this.domId), this.canvasElem = document.getElementById(this.canvasId) || {}, this.ivsCanvasElem = document.getElementById(this.ivsCanvasId) || {}, this.cRawCanvasElem = document.getElementById(this.cRawCanvasId) || {}, this.pztCanvasElem = document.getElementById(this.pztCanvasId) || {}, this.videoElem = document.getElementById(this.videoId), this.showIcons = this.wsPlayer.config.showIcons || {}, this.showIconNum = 7, this.showIcons.streamChangeSelect || this.setDomHiddenDeep(WSPlayerJQ.$(".select-container", this.$el), !1), this.showIcons.replayIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-refresh-replay", this.$el), !1), this.showIconNum--), this.showIcons.ivsIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-draw-triangle", this.$el), !1), this.showIconNum--), this.setTalkIconShow(), this.showIcons.audioIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-audio", this.$el), !1), this.showIconNum--), this.showIcons.snapshotIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-capture", this.$el), !1), this.showIconNum--), this.showIcons.localRecordIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-record", this.$el), !1), this.showIconNum--), this.showIcons.closeIcon || (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-close", this.$el), !1), this.showIconNum--), this.showMoreIcon = !1 } setTalkIconShow() { let { talkIcon: e } = this.wsPlayer.config.showIcons || {}, t = location.protocol; e && "https:" === t && "real" === this.wsPlayer.type ? WSPlayerJQ.$(".ws-talk", this.$el).css({ display: "" }) : (this.setDomHiddenDeep(WSPlayerJQ.$(".ws-talk", this.$el), !1), this.showIconNum--) } initMouseEvent() { this.$el.click((e => { this.wsPlayer.setSelectIndex(this.index), this.$el.siblings().removeClass("selected").addClass("unselected"), this.$el.removeClass("unselected").addClass("selected") })), this.$el.dblclick((e => { if (1 === this.wsPlayer.options.config.maxNum) return; if (1 !== this.wsPlayer.showNum) { this.wsPlayer.beforeShowNum = this.wsPlayer.showNum; let e = WSPlayerJQ.$(`#${this.wrapperDomId} .wsplayer-item`); q(e, this.wsPlayer.options.config.maxNum), WSPlayerJQ.$(`#${this.wrapperDomId}-${this.index}`).css({ top: 0, left: 0, width: "100%", height: "100%", visibility: "visible" }), this.wsPlayer.showNum = 1 } else this.wsPlayer.setPlayerNum(this.wsPlayer.beforeShowNum, !0); this.wsPlayer.setSelectIndex(this.index), this.$el.siblings().removeClass("selected").addClass("unselected"), this.$el.removeClass("unselected").addClass("selected"); let t = setTimeout((() => { this.wsPlayer.__updatePlayerWindow(), clearTimeout(t) }), 200); this.wsPlayer.sendMessage("dblclickWindow", { selectIndex: this.index, showNum: this.wsPlayer.showNum, channelInfo: { ...this.options }, channelData: this.options && this.options.channelData }) })), WSPlayerJQ.$(".ws-audio", this.$el).click((e => { if (this.currentWindowPlaying) { if (this.wsPlayer.isTalking && this.isTalking && this.gbTalk); else if (this.wsPlayer.isTalking) return void this.wsPlayer.sendErrorMessage(this.isTalking ? "301" : "302"); if (this.isAudioPlay) this.closeVolume(); else { if ("record" === this.wsPlayer.type && ![.25, .5, 1, 1.25, 1.5, 2, 4].includes(Number(this.speed))) return void this.wsPlayer.sendErrorMessage("204", { insert: [this.speed] }); this.openVolume() } } })), WSPlayerJQ.$(".ws-refresh-replay", this.$el).click((e => { "url" === this.wsPlayer.playerList[this.index].playType ? this.wsPlayer.sendMessage("refreshReplay", { selectIndex: this.options.selectIndex, channelInfo: { ...this.options }, channelData: { ...this.options.channelData || {} } }) : "real" === this.wsPlayer.type ? this.wsPlayer.playRealVideo({ channelList: [{ ...this.options.channelData }], streamType: this.options.streamType, windowIndex: this.index, closeReason: "refreshWindow" }) : this.wsPlayer.playRecordVideo({ channelList: [{ ...this.options.channelData }], startTime: this.options.startTime, endTime: this.options.endTime, recordSource: this.options.recordSource, streamType: this.options.streamType, recordType: this.options.recordType, windowIndex: this.index, playRecordByFile: this.options.playRecordByFile, closeReason: "refreshWindow" }) })), WSPlayerJQ.$(".ws-draw-triangle", this.$el).click((e => { this.currentWindowPlaying && (e.target.getAttribute("class").includes("off") ? (WSPlayerJQ.$(".ws-draw-triangle", this.$el).removeClass("off").addClass("on"), WSPlayerJQ.$(".draw-triangle-icon", this.$el).removeClass("off").addClass("on"), N.call(this, !0, 100 * this.wsPlayer.wsPlayerIndex + this.options.selectIndex, this.wsPlayer.config.ivsTypeArr)) : (WSPlayerJQ.$(".ws-draw-triangle", this.$el).removeClass("on").addClass("off"), WSPlayerJQ.$(".draw-triangle-icon", this.$el).removeClass("on").addClass("off"), this.playSDK.CloseIVS())) })); WSPlayerJQ.$(".ws-talk", this.$el).click(y.throttle((e => { if (this.currentWindowPlaying) if ("http:" !== location.protocol) if (this.wsPlayer.isTalking && !this.isTalking) this.wsPlayer.sendErrorMessage("303"); else if (this.isTalking) this.stopTalk(); else { const { selectIndex: e, channelData: t } = this.options; if (this.options && "url" === this.options.playType) return void this.wsPlayer.sendMessage("notifyTalk", { selectIndex: e, channelData: { ...t }, channelInfo: { ...this.options } }); J(), this.setAuthority({ channelCode: this.options.channelData ? this.options.channelData.channelCode : this.options.channelId, function: "3" }, (() => { this.wsPlayer.__startTalk(this.options.channelData, this.index) }), (s => { 1103 === s.code && this.wsPlayer.sendErrorMessage(401, { selectIndex: e, channelData: { ...t }, type: "talk" }) })) } else this.wsPlayer.sendErrorMessage("305") }), 2e3)), WSPlayerJQ.$(".ws-capture", this.$el).click((e => { this.currentWindowPlaying && this.setAuthority({ channelCode: this.options.channelData ? this.options.channelData.channelCode : this.options.channelId, function: "4" }, (() => { this.picCap() }), (e => { 1103 === e.code && this.wsPlayer.sendErrorMessage(401, { type: "capture" }) })) })), WSPlayerJQ.$(".ws-close", this.$el).click((e => { this.close(!1, !1, "closed", "btnClick") })), WSPlayerJQ.$(".ws-record", this.$el).click((e => { if (!this.currentWindowPlaying) return; let t = (this.options.channelData || {}).name || this.i18n.$t("wsPlayer.recording"); this.isRecording ? this.stopRecord("btnClick") : "playing" === this.status && this.setAuthority({ channelCode: this.options.channelData ? this.options.channelData.channelCode : this.options.channelId, function: "8" }, (() => { this.isRecording = !0, this.startRecord(`${this.i18n.$t("wsPlayer.video")}_${t}_${y.getDateFormatByUnderline()}`), WSPlayerJQ.$(".ws-record", this.$el).addClass("recording") }), (e => { 1103 === e.code && this.wsPlayer.sendErrorMessage(401, { type: "record" }) })) })), WSPlayerJQ.$(".more-icon", this.$el).click((e => { this.showMoreIcon = !this.showMoreIcon, this.setDomVisible(WSPlayerJQ.$(".opt-icons-vertical", this.$el), this.showMoreIcon) })), WSPlayerJQ.$(".cRaw-container", this.$el).click((e => { let t = e.target.dataset && e.target.dataset.pid; if (t) { "hidden" === WSPlayerJQ.$(`#${t} .ws-tag-content`, this.$el).css("visibility") ? (this.setTagContentPosition(t), WSPlayerJQ.$(`#${t} .ws-tag-content`, this.$el).css("visibility", "visible"), WSPlayerJQ.$(`#${t} .ws-tag-title`, this.$el).css("max-width", "180px")) : (WSPlayerJQ.$(`#${t} .ws-tag-content`, this.$el).css("visibility", "hidden"), WSPlayerJQ.$(`#${t} .ws-tag-title`, this.$el).css("max-width", "")) } })), this.wsPlayer.config.draggable && (this.$el.on("mousedown", (e => { this.wsPlayer.currentDragWindowIndex = this.currentIndex, e.preventDefault() })), this.$el.on("mouseup", (e => { G.call(this.wsPlayer, this.currentIndex), e.preventDefault() }))) } setLoading(e, t, s) { this.spinner && this.spinner.stop(), e && ["playing", "pause"].includes(this.status) && this.close(!1, !1, "closed", s || "changeStream"), t && this.setStatus(t), e && (this.spinner = new w({ color: "#ffffff" }).spin(this.$el[0])) } picCap(e) { let t = e; if (!t) { let e = (this.options.channelData || {}).name || ""; t = `${this.i18n.$t("wsPlayer.capture")}_${e}_${y.getDateFormatByUnderline()}` } this.playSDK.CapturePic(this.wsPlayer.config.picCapCb ? null : t + ".png") } startRecord(e, t, s) { const { downloadMp4Record: i, localRecordSize: r } = this.wsPlayer.config; let a = "boolean" == typeof s ? s : i; a = !localStorage.playSDKLogLevel && a; let l = t || r, n = `${e}.${a ? "mp4" : "dav"}`; this.playSDK.StartRecord(a ? 5 : 0, l, this.wsPlayer.config.recordCb ? null : n) } stopRecord(e) { this.isRecording = !1, this.playSDK.StopRecord(), WSPlayerJQ.$(".ws-record", this.$el).removeClass("recording") } closeOtherAudio() { this.wsPlayer.playerList.forEach((e => { e.isAudioPlay && e.closeVolume() })) } openVolume(e = 1) { this.closeOtherAudio(), Q.call(this, e), this.isAudioPlay = !0 } closeVolume() { Q.call(this, 0), this.isAudioPlay = !1 } setAuthority(e, t, s) { this.wsPlayer.fetchChannelAuthority ? this.wsPlayer.fetchChannelAuthority(e).then((e => { e.data.result && t() })).catch((e => { s(e) })) : t() } showMsgInWindow(e) { this.setDomVisible(this.defaultStatus, !1), WSPlayerJQ.$(".wsplayer-error-message", this.$el).text(e), this.setDomVisible(this.error, !0) } play() { this.playSDK.Pause(0), this.playSDK.SetSpeed(this.speed), this.setStatus("playing"), WSPlayerJQ.$(".ws-record-play", this.wsPlayer.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-pause", this.wsPlayer.$el).css({ display: "" }) } pause() { this.playSDK.Pause(1), this.setStatus("pause"), WSPlayerJQ.$(".ws-record-pause", this.wsPlayer.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-play", this.wsPlayer.$el).css({ display: "" }) } close(e = !1, t = !1, s = "closed", i = "unknown") { if (this.currentWindowPlaying = !1, this.setDomVisible(WSPlayerJQ.$(".play-pause-wrapper", this.$el), !1), this.videoElem.style.display = "none", this.canvasElem.style.display = "none", this.ivsCanvasElem.style.display = "none", this.customDomElem && this.customDomElem.css("display", "none"), this.wsPlayer.playerList.forEach((e => { e.closeCRaw() })), this.isTalking && !t && this.stopTalk(), this.speed = 1, this.index === this.wsPlayer.selectIndex && ("real" === this.wsPlayer.type ? !e && this.wsPlayer.setPtzChannel() : (this.wsPlayer.setTimeLine([]), this.wsPlayer.__setPlaySpeed(), WSPlayerJQ.$(".ws-record-play", this.wsPlayer.$el).css({ display: "" }), WSPlayerJQ.$(".ws-record-pause", this.wsPlayer.$el).css({ display: "none" }))), this.isRecording && this.stopRecord("closeVideo"), this.wsPlayer.config.openIvs && this.playSDK) try { this.playSDK.CloseIVS() } catch (r) { console.debug("关闭规则线") } this.spinner && this.spinner.stop(), WSPlayerJQ.$(".stream-info", this.$el).text(""), this.wsPlayer.videoClosed(this.index, e, { ...this.options && this.options.channelData || {} }, this.customDomId, i), this.isclosing = ["windowDestroy"].includes(i), this.playSDK && (this.playSDK.StopPullStream(), this.playSDK.Stop(), window.wsPlayerManager.unbindPlayer(this.playSDK.nPlayPort), window.wsPlayerManager.unbindHandlePlayer(this.playSDK.m_rtspvHandle), window.wsPlayerManager.unbindCanvasPlayer(this.canvasId)), e || (this.playSDK = null, this.options = null), this.setStatus(s) } setDomVisible(e, t) { e && e.css({ visibility: t ? "visible" : "hidden" }) } setDomDisplay(e, t) { e && e.css({ display: t ? "" : "none" }) } setDomHiddenDeep(e, t) { e && (t ? e.removeClass("hidden-deep") : e.addClass("hidden-deep")) } setLogLevel() { this.playSDK.SetPrintLogLevel && this.playSDK.SetPrintLogLevel(localStorage.playSDKLogLevel) } uint8ArrayToBase64(e) { if (!e || 0 === e.byteLength) return ""; let t = "", s = e.byteLength; for (let i = 0; i < s; i++)t += String.fromCharCode(e[i]); return window.btoa(t) } updateAdapter(e, t = {}) { let s = t.width / t.height, i = "video" === (t.decodeMode || this.decodeMode) ? this.videoElem : this.canvasElem, r = i.parentNode; t.decodeMode ? (this.decodeMode = t.decodeMode, this.width = t.width, this.height = t.height) : s = this.width / this.height; let a = "100%", l = "100%", n = null; if ("selfAdaption" === e) { let e = r.offsetHeight, t = r.offsetWidth, o = t / e; s > o ? l = t / s + "px" : s < o && (a = e * s + "px"), "video" === this.decodeMode ? (WSPlayerJQ.$(i).css({ width: a, height: l, "object-fit": "contain" }), WSPlayerJQ.$(this.canvasElem).css({ width: a, height: l, "object-fit": "contain" }), n = this.canvasElem.getBoundingClientRect(), this.canvasElem.width = n.width, this.canvasElem.height = n.height) : (WSPlayerJQ.$(i).css({ width: a, height: l }), n = i.getBoundingClientRect(), i.width = n.width, i.height = n.height), WSPlayerJQ.$(this.ivsCanvasElem).css({ width: a, height: l, "object-fit": "contain" }), WSPlayerJQ.$(this.pztCanvasElem).css && WSPlayerJQ.$(this.pztCanvasElem).css({ width: a, height: l, "object-fit": "contain" }), WSPlayerJQ.$(this.cRawCanvasElem).css({ width: a, height: l, "object-fit": "contain" }) } else WSPlayerJQ.$(i).css({ width: a, height: l, "object-fit": "fill" }), "video" === this.decodeMode ? (WSPlayerJQ.$(this.canvasElem).css({ width: a, height: l, "object-fit": "fill" }), n = this.canvasElem.getBoundingClientRect(), this.canvasElem.width = n.width, this.canvasElem.height = n.height) : (n = i.getBoundingClientRect(), i.width = n.width, i.height = n.height), WSPlayerJQ.$(this.ivsCanvasElem).css({ width: a, height: l, "object-fit": "fill" }), WSPlayerJQ.$(this.pztCanvasElem).css && WSPlayerJQ.$(this.pztCanvasElem).css({ width: a, height: l, "object-fit": "fill" }), WSPlayerJQ.$(this.cRawCanvasElem).css({ width: a, height: l, "object-fit": "fill" }); if (this.customDomElem && this.customDomElem.css({ width: a, height: l }), this.customDomElem && this.wsPlayer.sendMessage("customDomInfo", { customDomId: this.customDomId, width: a, height: l, currentWindowPlaying: this.currentWindowPlaying || !1, channelInfo: this.options, channelData: this.options && this.options.channelData }), this.playSDK) { this.ivsCanvasElem.width = i.offsetWidth, this.ivsCanvasElem.height = i.offsetHeight, this.cRawCanvasElem.width = i.offsetWidth, this.cRawCanvasElem.height = i.offsetHeight, this.pztCanvasElem.width = i.offsetWidth, this.pztCanvasElem.height = i.offsetHeight; let e = setTimeout((() => { this.wsPlayer.playerList.forEach((e => { "playing" === e.status && e.setCRawTagsPos() })), clearTimeout(e) }), 100) } } renderDefaultStats() { let e = WSPlayerJQ.$(".default-status", this.$el), t = e.width(), s = e.height(), i = WSPlayerJQ.$(".wsplayer-error-message", this.$el); t && s && (t < 100 || s < 100 ? (e.css({ transform: "scale(0.3)" }), i.css({ transform: "scale(0.3)" })) : t < 200 || s < 200 ? (e.css({ transform: "scale(0.5)" }), i.css({ transform: "scale(0.5)" })) : (e.css({ transform: "scale(1)" }), i.css({ transform: "scale(1)" }))) } getCRawTemplate(e = !1, t, s, i, r, a, l) { let n = t.split("|"), o = "", c = ""; for (let p = 0; p < n.length; p++)o += `<p>${n[p]}</p>`; let { prefixUrl: d } = this.wsPlayer, h = `\n <div> \n <p class="ws-tag-title" data-pid="${i}" title="${s}">\n <img src="${d}/WSPlayer/icon/tag-left-${l ? "alarm" : "normal"}.png" class="ws-left-png" data-pid="${i}"/>\n <img src="${d}/WSPlayer/icon/tag-middle-${l ? "alarm" : "normal"}.png" class="ws-middle-png" height="75" data-pid="${i}"/>\n <img src="${d}/WSPlayer/icon/tag-right-${l ? "alarm" : "normal"}.png" class="ws-right-png" data-pid="${i}"/>\n <span data-pid="${i}">${s}</span>\n </p>\n <div class="ws-tag-content ${l ? "ws-tag-content-alarm" : ""}" style="visibility: hidden">\n ${o}\n </div>\n </div>`; return c = e ? h : `\n <div id="${i}" class="ws-tag-container" style="left:${r}px;top:${a}px">\n ${h}\n </div>`, c } setTagContentPosition(e) { if (!e) return; let t = WSPlayerJQ.$(`#${this.cRawCanvasId}`, this.$el).outerHeight(), s = WSPlayerJQ.$(`#${this.cRawCanvasId}`, this.$el).outerWidth(), i = WSPlayerJQ.$(`#${e}`, this.$el), r = i[0].offsetTop, a = i[0].offsetLeft, l = t - r - i.innerHeight(), n = WSPlayerJQ.$(`#${e} .ws-tag-content`, this.$el), o = n.innerHeight(), c = n.innerWidth(), d = 64; l < o && r > l && (d = -o); let h = 42; a + h + c > s && (h = s - a - c), WSPlayerJQ.$(`#${e} .ws-tag-content`, this.$el).css("top", `${d}px`), WSPlayerJQ.$(`#${e} .ws-tag-content`, this.$el).css("left", `${h}px`) } getCRawArr(e) { let t = {}, s = {}; for (let i = 0; i < e.length; i++) { const r = e[i]; if (null !== r) { let { DeviceName: e } = r; t[e] = +new Date + i, s[e] = r } } return { curCRawMap: t, curInfoMap: s } } handleCRawArrs(e, s, i) { let r = e.filter((e => !s.includes(e))), a = s.filter((t => !e.includes(t))), l = e.filter((e => s.includes(e))); if (r.length) for (let t = 0; t < r.length; t++) { const e = r[t]; let s = `#${this.LastCRawMap[e]}`; $(s).remove(), delete this.LastCRawMap[e], delete this.LastCRawInfo[e] } if (a.length) { let e = document.createDocumentFragment(); for (let s = 0; s < a.length; s++) { const r = a[s]; if (i[r]) { this.LastCRawMap[r] = +new Date + s, this.LastCRawInfo[r] = i[r]; let { DeviceName: a, Text: l, Rect: n, AlarmEnable: o } = i[r], c = this.cRawCanvasElem.width, d = this.cRawCanvasElem.height, h = n[0] * c / t.transParam, p = n[1] * d / t.transParam, y = this.LastCRawMap[a], u = this.getCRawTemplate(!1, l, a, y, h, p, o), m = document.createRange().createContextualFragment(u); e.appendChild(m) } } $("#" + this.cRawCanvasId).append(e) } if (l.length) for (let n = 0; n < l.length; n++) { const e = l[n]; if (i[e]) { let { DeviceName: s, Text: r, Rect: a, AlarmEnable: l } = i[e], n = `#${this.LastCRawMap[s]}`, o = this.LastCRawInfo[e].Rect, c = this.LastCRawInfo[e].Text, d = this.cRawCanvasElem.width, h = this.cRawCanvasElem.height, p = a[0] * d / t.transParam, y = a[1] * h / t.transParam; if (a[0] === o[0] && a[1] === o[1] || (WSPlayerJQ.$(n, this.$el).css({ left: `${p}px`, top: `${y}px` }), this.setTagContentPosition(this.LastCRawMap[s])), c !== r) { let e = this.getCRawTemplate(!0, r, s, this.LastCRawMap[s], p, y, l, !0); WSPlayerJQ.$(n, this.$el).html(e) } this.LastCRawInfo[e] = i[e] } } } setCRawTagsPos() { for (const e in this.LastCRawMap) { let s = `#${this.LastCRawMap[e]}`, i = this.cRawCanvasElem.width, r = this.cRawCanvasElem.height, { Text: a, Rect: l } = this.LastCRawInfo[e], n = l[0] * i / t.transParam, o = l[1] * r / t.transParam; WSPlayerJQ.$(s, this.$el).css({ left: `${n}px`, top: `${o}px` }), this.setTagContentPosition(this.LastCRawMap[e]) } } closeCRaw() { WSPlayerJQ.$(`#${this.cRawCanvasId}`, this.$el).empty(), this.LastCRawMap = {}, this.LastCRawInfo = {} } updateTopBarStyle() { let e = WSPlayerJQ.$(".top-control-bar", this.$el).width(), s = 94, i = 130; "zh-cn" !== localStorage.getItem("language") && (s = 134, i = 220); let r = e - (this.showIcons.streamChangeSelect && "real" === this.type ? s : 0) - 10; if (r > 28 * this.showIconNum + i) this.setDomDisplay(WSPlayerJQ.$(".more-icon", this.$el), !1), this.setDomDisplay(WSPlayerJQ.$(".stream-info", this.$el), !0), t.iconConfig.forEach(((e, t) => { this.setDomDisplay(WSPlayerJQ.$(`.opt-icons > .${e.buttonParentClass}`, this.$el), !0) })); else if (r > 28 * this.showIconNum) this.setDomDisplay(WSPlayerJQ.$(".more-icon", this.$el), !1), this.setDomDisplay(WSPlayerJQ.$(".stream-info", this.$el), !1), t.iconConfig.forEach(((e, t) => { this.setDomDisplay(WSPlayerJQ.$(`.opt-icons > .${e.buttonParentClass}`, this.$el), !0) })); else { let e = Math.floor(r / 28); this.setDomDisplay(WSPlayerJQ.$(".stream-info", this.$el), !1), this.setDomDisplay(WSPlayerJQ.$(".more-icon", this.$el), !0), t.iconConfig.forEach(((t, s) => { e > s + 2 ? (this.setDomDisplay(WSPlayerJQ.$(`.opt-icons > .${t.buttonParentClass}`, this.$el), !0), this.setDomDisplay(WSPlayerJQ.$(`.opt-icons-vertical > .${t.buttonParentClass}`, this.$el), !1)) : (this.setDomDisplay(WSPlayerJQ.$(`.opt-icons > .${t.buttonParentClass}`, this.$el), !1), this.setDomDisplay(WSPlayerJQ.$(`.opt-icons-vertical > .${t.buttonParentClass}`, this.$el), !0)) })) } } } const ie = [3600, 1800, 900, 300]; const re = class { constructor(e) { this.records = e.records || [], this.currentTime = Number(e.currentTime), this.getCurrentTime = e.getCurrentTime, this.rulerCanvas = null, this.rulerCtx = null, this.canvas_middle_length = 0, this.rulerLength = e.rulerLength || { short: 15, middle: 25, long: 40 }, this.canvasBgColor = "transparent", this.rulerColor = "#afafaf", this.textColor = "#fff", this.recordsColor = "#318efd", this.alarmRecordsColor = "#f64153", this.cursorColor = "#fff", this.oldScaleInfo = { scale_step: this.scale_step, scale_step_offsetX: this.scale_step_offsetX }, this.scale_step = 5 * e.rulerScale || 10, this.scale_step_offsetX = this.scale_step % 30, this.time_ruler_line = ie[0], this.move_1px_time = 1, this.moveCurrentTime = 0, this.move_offset = 0, this.isMouseDown = !1, this.initRuler(e) } initRuler(e) { if (!e.canvasId) return e.onError && e.onError({ code: 801, message: "请传入canvas的id" }); this.rulerCanvas = document.querySelector(e.canvasId), this.rulerCtx = this.rulerCanvas.getContext("2d"), this.canvas_middle_length = Math.floor(this.rulerCanvas.width / 2), this.initDrawLine(), this.addEventListener() } initDrawLine() { this.clearRuler(), this.rulerCtx.fillStyle = this.canvasBgColor, this.rulerCtx.fillRect(0, 0, this.rulerCanvas.width, this.rulerCanvas.height), this.setScaleStepOffset(), this.setMoveTime(), !this.isMouseDown && this.getMoveOffset(), this.renderRecordList(), this.renderLeftRuler(), this.renderRightRuler(), this.drawMarkRuler() } updateProgress(e) { e && (e.currentTime || e.records && e.records.length) ? (this.records = e.records || this.records, this.currentTime = e.currentTime || this.records && this.records[0] && this.records[0].startTime || this.currentTime, this.initDrawLine()) : (this.currentTime = this.currentTime || 0, this.records = [], this.initDrawLine()) } addEventListener() { let e, t = null; const s = e => { e.preventDefault && e.preventDefault(), t = null, this.isMouseDown = !1, 0 !== this.moveCurrentTime && (this.currentTime = this.currentTime - this.moveCurrentTime, this.moveCurrentTime = 0, this.initDrawLine(), this.getCurrentTime && this.getCurrentTime(parseInt(this.currentTime))) }, i = e => { e.preventDefault && e.preventDefault(), t = null, this.isMouseDown = !1, this.currentTime = this.currentTime - this.moveCurrentTime, this.moveCurrentTime = 0, this.initDrawLine() }, r = e => { e.preventDefault && e.preventDefault(), this.isMouseDown || (this.oldScaleInfo = { scale_step: this.scale_step, scale_step_offsetX: this.scale_step_offsetX }, (e.deltaY < 0 || e.wheelDelta > 0) && (this.scale_step += 5, this.scale_step >= 120 && (this.scale_step = 115)), (e.deltaY > 0 || e.wheelDelta < 0) && (this.scale_step -= 5, this.scale_step < 10 && (this.scale_step = 10)), this.initDrawLine()) }, a = s => { if (s.preventDefault && s.preventDefault(), s.touches && 2 === s.touches.length && null !== t) { this.isMouseDown = !1; const e = s.touches[0], i = s.touches[1], a = this.calculateDistance(e, i); return r({ wheelDelta: a / t - 1 }), void (t = a) } if (this.isMouseDown) { let t = 0; "movementX" in s ? t = s.movementX : (t = (s.touches[0].clientX - e) / 5, e = s.touches[0].clientX), this.move_offset += t, this.moveCurrentTime += t * this.move_1px_time, this.initDrawLine() } }; this.rulerCanvas.addEventListener("touchstart", (s => { if (s.preventDefault && s.preventDefault(), s.touches && 2 === s.touches.length) { const e = s.touches[0], i = s.touches[1]; t = this.calculateDistance(e, i) } else e = s.touches[0].clientX, this.isMouseDown = !0 })), this.rulerCanvas.addEventListener("mousedown", (t => { e = t.clientX, this.isMouseDown = !0 })), this.rulerCanvas.addEventListener("touchmove", function (e, t = 160) { var s, i, r = 0; return function () { var a = +new Date; s = this, i = arguments, a - r > t && (e.apply(s, i), r = a) } }(a)), this.rulerCanvas.addEventListener("mousemove", a), this.rulerCanvas.addEventListener("mouseup", s), this.rulerCanvas.addEventListener("touchend", s), this.rulerCanvas.addEventListener("mouseleave", i), this.rulerCanvas.addEventListener("touchleave", i), this.rulerCanvas.addEventListener("mouseout", i), this.rulerCanvas.addEventListener("mousewheel", r); let l = () => { this.rulerCanvas.width === this.rulerCanvas.getBoundingClientRect().width && this.rulerCanvas.height === this.rulerCanvas.getBoundingClientRect().height || (this.rulerCanvas.width = this.rulerCanvas.getBoundingClientRect().width, this.rulerCanvas.height = this.rulerCanvas.getBoundingClientRect().height, this.canvas_middle_length = Math.floor(this.rulerCanvas.width / 2), this.initDrawLine()), window.requestAnimationFrame(l) }; window.requestAnimationFrame(l) } calculateDistance(e, t) { return t.clientX - e.clientX } clearRuler() { this.rulerCtx && this.rulerCtx.clearRect(0, 0, this.rulerCanvas.width, this.rulerCanvas.height) } setScaleStepOffset() { this.scale_step_offsetX = this.scale_step % 30, this.scale_step_offsetX < 10 && (this.scale_step_offsetX = 10) } setMoveTime() { this.time_ruler_line = ie[Math.floor((this.scale_step + 1) / 30)], this.move_1px_time = this.time_ruler_line / 10 / this.scale_step_offsetX } getMoveOffset() { this.move_offset = -Math.floor(this.currentTime % this.time_ruler_line / this.move_1px_time) } renderLeftRuler() { let e = 0; for (; e <= this.canvas_middle_length + this.move_offset;) { let t = this.canvas_middle_length + this.move_offset - e; e / this.scale_step_offsetX % 10 == 0 ? (this.drawRulerLine(t, this.rulerLength.long), this.rulerCtx.fillStyle = this.textColor, this.rulerCtx.fillText(this.getRenderTime(0 - e), t, this.rulerLength.long + 10)) : e / this.scale_step_offsetX % 10 == 5 ? this.drawRulerLine(t, this.rulerLength.middle) : this.drawRulerLine(t, this.rulerLength.short), e += this.scale_step_offsetX } } renderRightRuler() { let e = 0; for (; e <= this.canvas_middle_length - this.move_offset;) { let t = this.canvas_middle_length + this.move_offset + e; e / this.scale_step_offsetX % 10 == 0 ? (this.drawRulerLine(t, this.rulerLength.long), this.rulerCtx.fillStyle = this.textColor, this.rulerCtx.fillText(this.getRenderTime(e), t, this.rulerLength.long + 10)) : e / this.scale_step_offsetX % 10 == 5 ? this.drawRulerLine(t, this.rulerLength.middle) : this.drawRulerLine(t, this.rulerLength.short), e += this.scale_step_offsetX } } getRenderTime(e) { let t = this.currentTime - this.currentTime % this.time_ruler_line; return this.formatter(1e3 * (t + e * this.move_1px_time), "HH:mm") } drawRulerLine(e, t, s = this.rulerColor) { this.rulerCtx.beginPath(), this.rulerCtx.strokeStyle = s, this.rulerCtx.moveTo(e, 0), this.rulerCtx.lineTo(e, t), this.rulerCtx.stroke(), this.rulerCtx.closePath() } renderRecordList() { let e = this.records.filter((e => !e.isImportant)), t = this.records.filter((e => e.isImportant)); this.renderRecordOnCanvas(e, "records"), this.renderRecordOnCanvas(t, "alarmRecords") } renderRecordOnCanvas(e, t) { let s = this.currentTime - this.moveCurrentTime, i = s - this.canvas_middle_length * this.move_1px_time, r = s + this.canvas_middle_length * this.move_1px_time, a = 0; this.rulerCtx.beginPath(), e.forEach((e => { e.endTime < i || e.startTime > r || (e.endTime < r && e.endTime > i ? (a = e.startTime < i ? i : e.startTime, this.rulerCtx.fillStyle = this[`${t}Color`], this.rulerCtx.fillRect(this.canvas_middle_length - Math.floor(s - a) / this.move_1px_time, 0, (e.endTime - a) / this.move_1px_time, this.rulerCanvas.height)) : e.startTime > i && e.startTime < r ? (a = e.endTime > r ? r : e.endTime, this.rulerCtx.fillStyle = this[`${t}Color`], this.rulerCtx.fillRect(this.canvas_middle_length - (s - e.startTime) / this.move_1px_time, 0, (a - e.startTime) / this.move_1px_time, this.rulerCanvas.height)) : e.startTime < i && e.endTime > r && (this.rulerCtx.fillStyle = this[`${t}Color`], this.rulerCtx.fillRect(0, 0, this.rulerCanvas.width, this.rulerCanvas.height))) })), this.rulerCtx.closePath() } drawMarkRuler() { this.rulerCtx.beginPath(), this.rulerCtx.strokeStyle = this.cursorColor, this.rulerCtx.moveTo(this.canvas_middle_length - 2, 0), this.rulerCtx.lineTo(this.canvas_middle_length + 2, 0), this.rulerCtx.lineTo(this.canvas_middle_length, 8), this.rulerCtx.lineTo(this.canvas_middle_length - 2, 0), this.rulerCtx.stroke(), this.rulerCtx.fillStyle = this.cursorColor, this.rulerCtx.fill(), this.rulerCtx.closePath(), this.rulerCtx.fillStyle = this.textColor, this.rulerCtx.fillText(this.formatter(1e3 * (this.currentTime - this.moveCurrentTime), "YYYY-MM-DD HH:mm:ss"), this.canvas_middle_length - 55, this.rulerCanvas.height - 10) } addZero(e) { return e < 10 ? "0" + e : e } formatter(e, t) { let s = (e = new Date(e)).getFullYear(), i = this.addZero(e.getMonth() + 1), r = this.addZero(e.getDate()), a = this.addZero(e.getHours()), l = this.addZero(e.getMinutes()), n = this.addZero(e.getSeconds()), o = ""; switch (t) { case "YYYY-MM-DD HH:mm:ss": o = `${s}-${i}-${r} ${a}:${l}:${n}`; break; case "HH:mm": o = `${a}:${l}` }return o } }, ae = 100; let le, ne, oe = null, ce = 20, de = {}, he = !0, pe = "", ye = { x: 0, y: 0 }, ue = [], me = {}, we = {}, fe = 0, Pe = "", ge = () => { try { le.removeEventListener("selectstart", ve), le.removeEventListener("mousemove", Se), le.removeEventListener("mouseup", $e), le.addEventListener("selectstart", ve), le.addEventListener("mousemove", Se), le.addEventListener("mouseup", $e) } catch (e) { let t = setTimeout((() => { ge(), clearTimeout(t) }), 300) } }; function ve(e) { return e.preventDefault(), !1 } function Se(e) { if (!pe) return; e.preventDefault(); let t = ne.getBoundingClientRect(), s = t.width / ae, i = t.height / ae; switch (pe) { case "right-border": if (ye.x += e.movementX, fe !== Math.round(ye.x / s)) { if (fe = Math.round(ye.x / s), we.lStep + fe <= 0) return void (fe = 1 - we.lStep); if (we.lStep + fe >= ae) return void (fe = ae - we.lStep - 1); document.querySelector("#division-move-line").style.left = 1 * (we.lStep + fe) + "%" } break; case "bottom-border": if (ye.y += e.movementY, fe !== Math.round(ye.y / i)) { if (fe = Math.round(ye.y / i), we.tStep + fe <= 0) return void (fe = 1 - we.tStep); we.tStep + fe >= ae && (fe = ae - we.tStep - 1), document.querySelector("#division-move-line").style.top = 1 * (we.tStep + fe) + "%" } } } function $e(e) { if (pe) { e.preventDefault(); let t = [], s = !0; switch (pe) { case "right-border": if (!fe) return; let { l_window: e, r_window: i } = me; if (t = [...e.map((e => (e.wStep -= fe, e.lStep += fe, e.wStep < 1 && (s = !1), e))), ...i.map((e => (e.wStep += fe, e.wStep < 1 && (s = !1), e)))], !s) return pe = "", document.querySelector("#division-move-line").remove(), ke(), void de.onError(oe.$t("wsPlayer.drag.tip")); t.forEach((e => ue[e.selectIndex] = e)); break; case "bottom-border": if (!fe) return; let { t_window: r, b_window: a } = me; if (t = [...r.map((e => (e.hStep -= fe, e.tStep += fe, e.hStep < 1 && (s = !1), e))), ...a.map((e => (e.hStep += fe, e.hStep < 1 && (s = !1), e)))], !s) return pe = "", document.querySelector("#division-move-line").remove(), ke(), void de.onError(oe.$t("wsPlayer.drag.tip")); t.forEach((e => ue[e.selectIndex] = e)) }pe = "", ke() } } function xe(e = []) { if (!e.length || 1 === e.length) return ue = [{ wStep: ae, hStep: ae, tStep: 0, lStep: 0, selectIndex: 0 }], ue; e = e.sort(((e, t) => e.tStep - t.tStep)); for (let t = 0; t < e.length - 1; t++)if (e[t].tStep === e[t + 1].tStep && e[t].lStep > e[t + 1].lStep) { let s = { ...e[t] }; e[t] = { ...e[t + 1] }, e[t + 1] = s } return e.map(((e, t) => (e.selectIndex = t, e))) } function Ie(e, t) { let s = document.querySelector("#temp-preview-line"); s.style.display = "block", s.style.background = "#1d79f4", s.style.opacity = .4, "col" === t && (s.style.left = `${Math.floor(e.lStep + e.wStep / 2)}%`, s.style.top = `${e.tStep}%`, s.style.width = "2px", s.style.height = `${e.hStep}%`), "raw" === t && (s.style.left = `${e.lStep}%`, s.style.top = `${Math.floor(e.tStep + e.hStep / 2)}%`, s.style.width = `${e.wStep}%`, s.style.height = "2px") } function Te(e, t) { ue.length !== ce ? 1 === e.wStep && 1 === e.hStep || ("col" === t && (ue.push({ ...e, lStep: e.lStep + Math.floor(e.wStep / 2), wStep: Math.ceil(e.wStep / 2) }), ue[e.selectIndex] = { ...e, wStep: Math.floor(e.wStep / 2) }), "raw" === t && (ue.push({ ...e, tStep: e.tStep + Math.floor(e.hStep / 2), hStep: Math.ceil(e.hStep / 2) }), ue[e.selectIndex] = { ...e, hStep: Math.floor(e.hStep / 2) }), ke()) : de.onError(oe.$t("wsPlayer.custom.player.max.support.tip", [ce])) } function Ce(e, t) { let s = ""; return "x" === t && (s = `<div id="division-move-line" style="position: absolute; background: #1d79f4; top: ${1 * e.tStep}%; left: ${1 * e.lStep}%; width: 2px; height: ${1 * e.hStep}%; "></div>`), "y" === t && (s = `<div id="division-move-line" style="position: absolute; background: #1d79f4; top: ${1 * e.tStep}%; left: ${1 * e.lStep}%; width: ${1 * e.wStep}%; height: 2px; "></div>`), s } function be(e) { return `<div\n id="dom-item-${e.selectIndex}"\n class="${he ? "dom-item-flex" : "dom-item"}"\n style="top: ${e.top}%; left: ${e.left}%; width: ${e.width}%; height: ${e.height}%;"\n >\n <div class="point-n-resize" id="dom-item-${e.selectIndex}-bottom-border" style="bottom: -4px; left: 0; width: 100%; height: 6px;"></div>\n <div class="point-e-resize" id="dom-item-${e.selectIndex}-right-border" style="top: 0; right: -4px; width: 6px; height: 100%;"></div>\n <div style="width: 68px; display: flex;">\n <div id="dom-item-${e.selectIndex}-btn-col" class="dom-item-split-btn"></div>\n <div id="dom-item-${e.selectIndex}-btn-raw" class="dom-item-split-btn" style="margin-left: 11px; transform: rotate(90deg)"></div>\n </div>\n <div id="dom-item-${e.selectIndex}-delete-btn" class="dom-item-merge-btn"></div>\n </div>` } function De(e = []) { he = !1; let t = []; e.forEach((e => { t.push(be({ selectIndex: e.selectIndex, width: 1 * e.wStep, height: 1 * e.hStep, top: 1 * e.tStep, left: 1 * e.lStep })) })), ne.innerHTML = t.join("") + '<div id="temp-preview-line" style="position: absolute; z-index: 10; display: none;"></div>', e.forEach((e => { document.querySelector(`#dom-item-${e.selectIndex}-btn-raw`).addEventListener("click", (() => { Te(e, "raw") })), document.querySelector(`#dom-item-${e.selectIndex}-btn-col`).addEventListener("click", (() => { Te(e, "col") })), document.querySelector(`#dom-item-${e.selectIndex}-delete-btn`).addEventListener("click", (() => { !function (e) { if (1 === ue.length) return void de.onError(oe.$t("wsPlayer.current.window.cannot.be.merged")); let t = ue.findIndex((t => t.wStep === e.wStep && t.lStep === e.lStep && (t.tStep + t.hStep === e.tStep || e.tStep + e.hStep === t.tStep) || t.hStep === e.hStep && t.tStep === e.tStep && (t.lStep + t.wStep === e.lStep || e.lStep + e.wStep === t.lStep))); if (t > -1) { let s = ue[t]; s.tStep === e.tStep && (s.selectIndex > e.selectIndex ? (ue[e.selectIndex].wStep = e.wStep + s.wStep, ue.splice(s.selectIndex, 1)) : (ue[s.selectIndex].wStep = s.wStep + e.wStep, ue.splice(e.selectIndex, 1))), s.lStep === e.lStep && (s.selectIndex > e.selectIndex ? (ue[e.selectIndex].hStep = e.hStep + s.hStep, ue.splice(s.selectIndex, 1)) : (ue[s.selectIndex].hStep = s.hStep + e.hStep, ue.splice(e.selectIndex, 1))) } else de.onError(oe.$t("wsPlayer.current.window.cannot.be.merged")); ke() }(e) })), document.querySelector(`#dom-item-${e.selectIndex}-btn-raw`).addEventListener("mouseenter", (t => { Ie(e, "raw") })), document.querySelector(`#dom-item-${e.selectIndex}-btn-raw`).addEventListener("mouseleave", (e => { document.querySelector("#temp-preview-line").style.display = "none" })), document.querySelector(`#dom-item-${e.selectIndex}-btn-col`).addEventListener("mouseenter", (t => { Ie(e, "col") })), document.querySelector(`#dom-item-${e.selectIndex}-btn-col`).addEventListener("mouseleave", (e => { document.querySelector("#temp-preview-line").style.display = "none" })), document.querySelector(`#dom-item-${e.selectIndex}-right-border`).addEventListener("mousedown", (t => { t.stopPropagation(), e.lStep + e.wStep !== ae && (pe = "right-border", ye = { x: 0 }, fe = 0, me = function ({ wStep: e, lStep: t, selectIndex: s }, i) { let r = i.filter((s => s.lStep + s.wStep === t + e)).sort(((e, t) => e.tStep - t.tStep)), a = i.filter((s => s.lStep === t + e)).sort(((e, t) => e.tStep - t.tStep)); for (var l = 0; l < r.length - 1; l++)r[l].tStep + r[l].hStep !== r[l + 1].tStep && (s <= r[l].selectIndex ? r.splice(l + 1) : (r.splice(0, l), l = -1)); let n = -1, o = -1; return a.forEach((e => { let t = r.findIndex((t => e.tStep === t.tStep)), s = r.findLastIndex((t => e.tStep + e.hStep === t.tStep + t.hStep)); t > -1 && (n = 0 === t ? 0 : Math.min(t, n)), s > -1 && (o = Math.max(s, o)) })), a = a.filter((e => e.tStep >= r[n].tStep && e.tStep + e.hStep <= r[o].tStep + r[o].hStep)), { l_window: a, r_window: r } }({ ...e }, JSON.parse(JSON.stringify(ue))), we = { hStep: me.r_window.reduce(((e, t) => e + t.hStep), 0), tStep: me.r_window[0].tStep, lStep: me.l_window[0].lStep }, Pe = Ce(we, "x"), ne.innerHTML += Pe) })), document.querySelector(`#dom-item-${e.selectIndex}-bottom-border`).addEventListener("mousedown", (t => { e.tStep + e.hStep !== ae && (pe = "bottom-border", ye = { y: 0 }, fe = 0, me = function ({ hStep: e, tStep: t, selectIndex: s }, i) { let r = i.filter((s => s.tStep + s.hStep === t + e)).sort(((e, t) => e.lStep - t.lStep)), a = i.filter((s => s.tStep === t + e)).sort(((e, t) => e.lStep - t.lStep)); for (var l = 0; l < r.length - 1; l++)r[l].lStep + r[l].wStep !== r[l + 1].lStep && (s <= r[l].selectIndex ? r.splice(l + 1) : (r.splice(0, l), l = -1)); let n = -1, o = -1; return a.forEach((e => { let t = r.findIndex((t => e.lStep === t.lStep)), s = r.findLastIndex((t => e.lStep + e.wStep === t.lStep + t.wStep)); t > -1 && (n = 0 === t ? 0 : Math.min(t, n)), s > -1 && (o = Math.max(s, o)) })), a = a.filter((e => e.lStep >= r[n].lStep && e.lStep + e.wStep <= r[o].lStep + r[o].wStep)), { t_window: a, b_window: r } }({ ...e }, JSON.parse(JSON.stringify(ue))), we = { wStep: me.b_window.reduce(((e, t) => e + t.wStep), 0), lStep: me.b_window[0].lStep, tStep: me.t_window[0].tStep }, Pe = Ce(we, "y"), ne.innerHTML += Pe) })) })) } function ke() { ne.innerHTML = "", ue = xe(ue), De(ue) } const Re = e => { let { division: t, windowId: s, callback: i, maxNum: r, locale: a } = e; if (oe = a, ce = r, le = document.querySelector(`#${s}`), le.innerHTML = function (e) { return `<div id="${e}-container" style="width: 100%; height: 100%; border: 1px solid #aaa; position: relative;"></div>\n <div class="window-division-bottom-container">\n <button class="window-division-btn window-division-btn-primary" id="${e}-confirm-btn">${oe.$t("common.ok")}</button>\n <button class="window-division-btn window-division-btn-info" id="${e}-reset-btn">${oe.$t("common.reset")}</button>\n <button class="window-division-btn window-division-btn-info" id="${e}-cancel-btn">${oe.$t("common.cancel")}</button>\n </div>\n ` }(s), ne = document.querySelector(`#${s}-container`), de = i, ge(), document.querySelector(`#${s}-confirm-btn`).addEventListener("click", (() => { i.onConfirm && i.onConfirm(JSON.stringify(ue)) })), document.querySelector(`#${s}-cancel-btn`).addEventListener("click", (() => { i.onCancel && i.onCancel() })), document.querySelector(`#${s}-reset-btn`).addEventListener("click", (() => { ue = [{ wStep: 100, hStep: 100, tStep: 0, lStep: 0, selectIndex: 0 }], De(ue) })), t) if ([1, 4, 9, 16, 25].includes(Number(t))) !function (e = 4) { he = !0; let t = [], s = 100 / Math.sqrt(e); for (var i = 0; i < e; i++)t.push({ selectIndex: i, width: s, height: s }); var r = t.map((e => be(e))); ne.innerHTML = r.join("") }(Number(t)); else if ("string" != typeof t) i.onError && i.onError(oe.$t("wsPlayer.income.format.error")); else try { ue = xe(JSON.parse(t)), De(ue) } catch (l) { i.onError && i.onError(oe.$t("wsPlayer.income.format.error")) } else De(xe()) }, Le = function () { let e = `<div id="${this.el}-custom-container" class="custom-division-container"></div>`; this.$el.append(e), Re({ locale: T, maxNum: this.config.maxNum, division: localStorage.customDivision || "", windowId: `${this.el}-custom-container`, callback: { onError: e => { this.sendErrorMessage(610, { method: "customDivisionError", arguments: {}, insert: [e] }) }, onConfirm: e => { localStorage.customDivision = e, WSPlayerJQ.$(`#${this.el}-custom-container`).remove(), j.call(this, e) }, onCancel: () => { WSPlayerJQ.$(`#${this.el}-custom-container`).remove() } } }) }, We = function () { let e = WSPlayerJQ.$(".ws-ctrl-ellipsis-list", this.$el); "" === e.css("display") || "none" === e.css("display") ? e.css("display", "block") : e.css("display", "none") }, Ee = function () { return `\n <div id="${this.domId}" style="visibility: hidden; top: 150%; left: 0; width: 0; height: 0;" class="wsplayer-item wsplayer-item-${this.index} ${0 === this.index ? "selected" : "unselected"}">\n <div class="ws-full-content ws-flex">\n <canvas id="${this.canvasId}" class="kind-stream-canvas" kind-channel-id="0" width="800" height="600"></canvas>\n <video id="${this.videoId}" class="kind-stream-canvas" kind-channel-id="0" muted style="display:none" width="800" height="600"></video>\n <canvas id="${this.ivsCanvasId}" class="kind-stream-canvas" style="position: absolute" kind-channel-id="0" width="800" height="600"></canvas>\n <div id="${this.cRawCanvasId}" class="kind-stream-canvas cRaw-container" style="position: absolute" kind-channel-id="0" width="800" height="600"></div>\n <canvas id="${this.pztCanvasId}" class="kind-stream-canvas" style="display: none; position: absolute; z-index: 2;" kind-channel-id="0" width="800" height="600"></canvas>\n </div>\n <div class="default-status">\n <img src="${this.wsPlayer.prefixUrl}/WSPlayer/icon/default.png" alt="">\n </div>\n <div class="player-control top-control-bar">\n <div class="stream">\n <div class="select-container">\n <div class="select-show select">\n <div class="code-stream">${T.$t("storagePlan.stream.main")}</div>\n \x3c!-- 下拉箭头 --\x3e\n <img src="${this.wsPlayer.prefixUrl}/WSPlayer/icon/spread.png" />\n </div>\n <div class="stream-type" style="display: none">\n <ul class="select-ul">\n \x3c!--主码流--\x3e\n <li title='${T.$t("storagePlan.stream.main")}' stream-type="1" class="stream-type-item">${T.$t("storagePlan.stream.main")}</li>\n \x3c!--辅码流1--\x3e\n <li title='${T.$t("video.player.sub.stream", [1])}' stream-type="2" class="stream-type-item">${T.$t("video.player.sub.stream", [1])}</li>\n \x3c!--辅码流2--\x3e\n <li title='${T.$t("video.player.sub.stream", [2])}' stream-type="3" class="stream-type-item">${T.$t("video.player.sub.stream", [2])}</li>\n </ul>\n </div>\n </div>\n <span class="stream-info"></span>\n </div>\n <div class="opt-icons">\n \x3c!--刷新重播--\x3e\n <div class="opt-icon ws-refresh-replay refresh-replay-icon" title='${T.$t("wsPlayer.refreshReplay")}'></div>\n \x3c!--智能帧--\x3e\n <div class="opt-icon ws-draw-triangle draw-triangle-icon off" title='${T.$t("wsPlayer.drawTriangle")}'></div>\n \x3c!--对讲--\x3e\n <div class="opt-icon ws-talk talk-icon off" title='${T.$t("wsPlayer.talk")}'></div>\n \x3c!--录像--\x3e\n <div class="opt-icon ws-record record-icon" title='${T.$t("wsPlayer.recording")}'></div>\n \x3c!--声音--\x3e\n <div class="opt-icon ws-audio audio-icon off" title='${T.$t("wsPlayer.sound")}'></div>\n \x3c!--抓图--\x3e\n <div class="opt-icon ws-capture capture-icon" title='${T.$t("wsPlayer.capture")}'></div>\n \x3c!--更多--\x3e\n <div class="opt-icon ws-more more-icon" title='${T.$t("common.more")}'>\n <div class="opt-icons-vertical">\n \x3c!--刷新重播--\x3e\n <div class="ws-refresh-replay" title='${T.$t("wsPlayer.refreshReplay")}'><div class="opt-icon refresh-replay-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.refreshReplay")}</div></div>\n \x3c!--智能帧--\x3e\n <div class="ws-draw-triangle" title='${T.$t("wsPlayer.drawTriangle")}'><div class="opt-icon draw-triangle-icon off"></div><div class="ws-icon-tip">${T.$t("wsPlayer.drawTriangle")}</div></div>\n \x3c!--对讲--\x3e\n <div class="ws-talk" title='${T.$t("wsPlayer.talk")}'><div class="opt-icon talk-icon off"></div><div class="ws-icon-tip">${T.$t("wsPlayer.talk")}</div></div>\n \x3c!--录像--\x3e\n <div class="ws-record" title='${T.$t("wsPlayer.recording")}'><div class="opt-icon record-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.recording")}</div></div>\n \x3c!--声音--\x3e\n <div class="ws-audio" title='${T.$t("wsPlayer.sound")}'><div class="opt-icon audio-icon off"></div><div class="ws-icon-tip">${T.$t("wsPlayer.sound")}</div></div>\n \x3c!--抓图--\x3e\n <div class="ws-capture" title='${T.$t("wsPlayer.capture")}'><div class="opt-icon capture-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.capture")}</div></div>\n </div>\n </div>\n \x3c!--关闭--\x3e\n <div class="opt-icon ws-close close-icon" title='${T.$t("common.close")}'></div>\n </div>\n </div>\n \x3c!--对讲中--\x3e\n <div class="ws-talking"></div>\n <div class="error">\n <div class="wsplayer-error-message"></div>\n </div>\n </div>\n ` }, Me = function () { return `\n <div id="${this.domId}" style="visibility: hidden; top: 150%; left: 0; width: 0; height: 0;" class="wsplayer-item wsplayer-item-${this.index} ${0 === this.index ? "selected" : "unselected"}">\n <div class="ws-full-content ws-flex">\n <canvas id="${this.canvasId}" class="kind-stream-canvas" kind-channel-id="0" width="800" height="600"></canvas>\n <video id="${this.videoId}" class="kind-stream-canvas" kind-channel-id="0" muted style="display:none" width="800" height="600"></video>\n <canvas id="${this.ivsCanvasId}" class="kind-stream-canvas" style="position: absolute" kind-channel-id="0" width="800" height="600"></canvas>\n <div id="${this.cRawCanvasId}" class="kind-stream-canvas cRaw-container" style="position: absolute" kind-channel-id="0" width="800" height="600"></div>\n </div>\n <div class="default-status">\n <img src="${this.wsPlayer.prefixUrl}/WSPlayer/icon/default.png" alt="">\n </div>\n <div class="player-control top-control-bar">\n <span class="stream-info"></span>\n <div class="opt-icons">\n \x3c!--刷新重播--\x3e\n <div class="opt-icon ws-refresh-replay refresh-replay-icon" title='${T.$t("wsPlayer.refreshReplay")}'></div>\n \x3c!--智能帧--\x3e\n <div class="opt-icon ws-draw-triangle draw-triangle-icon off" title='${T.$t("wsPlayer.drawTriangle")}'></div>\n \x3c!--录像--\x3e\n <div class="opt-icon ws-record record-icon" title='${T.$t("wsPlayer.recording")}'></div>\n \x3c!--声音--\x3e\n <div class="opt-icon ws-audio audio-icon off" title='${T.$t("wsPlayer.sound")}'></div>\n \x3c!--抓图--\x3e\n <div class="opt-icon ws-capture capture-icon" title='${T.$t("wsPlayer.capture")}'></div>\n \x3c!--更多--\x3e\n <div class="opt-icon ws-more more-icon" title='${T.$t("common.more")}'>\n <div class="opt-icons-vertical">\n \x3c!--刷新重播--\x3e\n <div class="ws-refresh-replay" title='${T.$t("wsPlayer.refreshReplay")}'><div class="opt-icon refresh-replay-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.refreshReplay")}</div></div>\n \x3c!--智能帧--\x3e\n <div class="ws-draw-triangle" title='${T.$t("wsPlayer.drawTriangle")}'><div class="opt-icon draw-triangle-icon off"></div><div class="ws-icon-tip">${T.$t("wsPlayer.drawTriangle")}</div></div>\n \x3c!--录像--\x3e\n <div class="ws-record" title='${T.$t("wsPlayer.recording")}'><div class="opt-icon record-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.recording")}</div></div>\n \x3c!--声音--\x3e\n <div class="ws-audio" title='${T.$t("wsPlayer.sound")}'><div class="opt-icon audio-icon off"></div><div class="ws-icon-tip">${T.$t("wsPlayer.sound")}</div></div>\n \x3c!--抓图--\x3e\n <div class="ws-capture" title='${T.$t("wsPlayer.capture")}'><div class="opt-icon capture-icon"></div><div class="ws-icon-tip">${T.$t("wsPlayer.capture")}</div></div>\n </div>\n </div>\n \x3c!--关闭--\x3e\n <div class="ws-close opt-icon close-icon" title='${T.$t("common.close")}'></div>\n </div>\n </div>\n <div class="player-control record-control-bar">\n <div class="wsplayer-progress-bar">\n <div class="progress-bar_background"></div>\n <div class="progress-bar_hover_light"></div>\n <div class="progress-bar_light"></div>\n </div>\n <div class="record-control-left">\n <div class="opt-icon play-ctrl-btn play-icon play"></div>\n <div class="time-info"></div>/<div class="time-long"></div>\n </div>\n <div class="record-control-right">\n <div class="opt-icon close-icon"></div>\n </div>\n </div>\n <div class="error">\n <div class="wsplayer-error-message"></div>\n </div>\n <div class="play-pause-wrapper">\n <div class="play-ctrl-btn center-play-icon"></div>\n </div>\n </div>\n ` }, _e = function () { return `<div class="ws-control">\n <div class="ws-flex ws-control-record ws-flex-left">\n <div class="ws-ctrl-record-icon ws-record-play" style="display: none" title='${T.$t("wsPlayer.play")}'></div>\n <div class="ws-ctrl-record-icon ws-record-pause" title='${T.$t("wsPlayer.pause")}'></div>\n <div class="ws-ctrl-record-icon ws-record-speed-sub" title='${T.$t("wsPlayer.speed.sub")}'></div>\n <div class="ws-ctrl-record-icon ws-record-speed-txt">1x</div>\n <div class="ws-ctrl-record-icon ws-record-speed-add" title='${T.$t("wsPlayer.speed.add")}'></div>\n </div>\n <div style="flex: 1;"></div>\n <div class="ws-flex ws-flex-end">\n <div id="btn-icon-adaption" class="ws-select-self-adaption">\n <div class="ws-select-show">\n <div class="ws-select-show-option" title='${T.$t("wsPlayer.screen." + this.playerAdapter)}'>${T.$t("wsPlayer.screen." + this.playerAdapter)}</div>\n \x3c!-- 下拉箭头 --\x3e\n <img src="${this.prefixUrl}/WSPlayer/icon/spread.png" />\n </div>\n <div class="ws-self-adaption-type" style="display: none">\n <ul class="ws-select-ul">\n \x3c!--自定义--\x3e\n <li title='${T.$t("wsPlayer.screen.selfAdaption")}' value="selfAdaption" class="ws-select-type-item">${T.$t("wsPlayer.screen.selfAdaption")}</li>\n \x3c!--拉伸--\x3e\n <li title='${T.$t("wsPlayer.screen.stretching")}' value="stretching" class="ws-select-type-item">${T.$t("wsPlayer.screen.stretching")}</li>\n </ul>\n </div>\n </div>\n <span class="ws-ctrl-btn-spread ws-ctrl-btn-spread-1"></span>\n <div id="btn-icon-1" class="ws-ctrl-icon one-screen-icon" title='${T.$t("wsPlayer.screen.one")}'></div>\x3c!--单屏--\x3e\n <div id="btn-icon-2" class="ws-ctrl-icon two-screen-icon" title='${T.$t("wsPlayer.screen.split", [2])}'></div>\x3c!--2分屏--\x3e\n <div id="btn-icon-4" class="ws-ctrl-icon four-screen-icon" title='${T.$t("wsPlayer.screen.split", [4])}'></div>\x3c!--4分屏--\x3e\n <div id="btn-icon-9" class="ws-ctrl-icon nine-screen-icon" title='${T.$t("wsPlayer.screen.split", [9])}'></div>\x3c!--9分屏--\x3e\n <div id="btn-icon-16" class="ws-ctrl-icon sixteen-screen-icon" title='${T.$t("wsPlayer.screen.split", [16])}'></div>\x3c!--16分屏--\x3e\n <div id="btn-icon-25" class="ws-ctrl-icon twenty-five-screen-icon" title='${T.$t("wsPlayer.screen.split", [25])}'></div>\x3c!--25分屏--\x3e\n <div id="btn-icon-3" class="ws-ctrl-icon three-screen-icon" title='${T.$t("wsPlayer.screen.split", [3])}'></div>\x3c!--3分屏--\x3e\n <div id="btn-icon-6" class="ws-ctrl-icon six-screen-icon" title='${T.$t("wsPlayer.screen.split", [6])}'></div>\x3c!--6分屏--\x3e\n <div id="btn-icon-8" class="ws-ctrl-icon eight-screen-icon" title='${T.$t("wsPlayer.screen.split", [8])}'></div>\x3c!--8分屏--\x3e\n <div id="btn-icon-custom" class="ws-ctrl-icon custom-screen-icon" title='${T.$t("wsPlayer.screen.custom.split")}'></div>\x3c!--自定义分屏--\x3e\n <span class="ws-ctrl-btn-spread ws-ctrl-btn-spread-2"></span>\n <div id="btn-icon-close" class="ws-ctrl-icon close-all-video" title='${T.$t("wsPlayer.one.click.off")}'></div>\x3c!--一键关闭--\x3e\n <div id="btn-icon-full" class="ws-ctrl-icon full-screen-icon" title='${T.$t("wsPlayer.screen.full")}'></div>\x3c!--全屏--\x3e\n </div>\n <div class="ws-ctrl-ellipsis" title='${T.$t("wsplayer.more")}'>\n <ul class="ws-ctrl-ellipsis-list">\n <li id="ws-record-pause">${T.$t("wsPlayer.pause")}</li>\n <li id="ws-record-play">${T.$t("wsPlayer.play")}</li>\n <li id="ws-record-speed-add">${T.$t("wsPlayer.fastForward")}</li>\n <li id="ws-record-speed-sub">${T.$t("wsPlayer.fastBackward")}</li>\n <li id="ws-select-stretching">${T.$t("wsPlayer.screen.stretching")}</li>\n <li id="ws-select-selfAdaption">${T.$t("wsPlayer.screen.selfAdaption")}</li>\n <li id="one-screen-icon">${T.$t("wsPlayer.screen.one")}</li>\n <li id="two-screen-icon">${T.$t("wsPlayer.screen.split", [2])}</li>\n <li id="four-screen-icon">${T.$t("wsPlayer.screen.split", [4])}</li>\n <li id="nine-screen-icon">${T.$t("wsPlayer.screen.split", [9])}</li>\n <li id="sixteen-screen-icon">${T.$t("wsPlayer.screen.split", [16])}</li>\n <li id="twenty-five-screen-icon">${T.$t("wsPlayer.screen.split", [25])}</li>\n <li id="three-screen-icon">${T.$t("wsPlayer.screen.split", [3])}</li>\n <li id="six-screen-icon">${T.$t("wsPlayer.screen.split", [6])}</li>\n <li id="eight-screen-icon">${T.$t("wsPlayer.screen.split", [8])}</li>\n <li id="custom-screen-icon">${T.$t("wsPlayer.screen.custom.split")}</li>\n <li id="close-all-video">${T.$t("wsPlayer.one.click.off")}</li>\n <li id="full-screen-icon">${T.$t("wsPlayer.screen.full")}</li>\n </ul>\n </div>\n </div>\n ` }, Je = function () { this.$el.append(_e.call(this)), this.maxWindow <= 16 && (WSPlayerJQ.$(".twenty-five-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#twenty-five-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 9 && (WSPlayerJQ.$(".sixteen-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#sixteen-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 8 && (WSPlayerJQ.$(".nine-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#nine-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 6 && (WSPlayerJQ.$(".eight-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#eight-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 4 && (WSPlayerJQ.$(".six-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#six-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 3 && (WSPlayerJQ.$(".four-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#four-screen-icon", this.$el).css({ display: "none" })), this.maxWindow <= 2 && (WSPlayerJQ.$(".three-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#three-screen-icon", this.$el).css({ display: "none" })), 1 === this.maxWindow && (WSPlayerJQ.$(".two-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#two-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$(".one-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#one-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$(".custom-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$("#custom-screen-icon", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-ctrl-btn-spread-2", this.$el).css({ display: "none" })), WSPlayerJQ.$("#ws-select-stretching", this.$el).click((() => { this.setPlayerAdapter("stretching") })), WSPlayerJQ.$("#ws-select-selfAdaption", this.$el).click((() => { this.setPlayerAdapter("selfAdaption") })), WSPlayerJQ.$(".full-screen-icon", this.$el).click((() => { this.setFullScreen() })), WSPlayerJQ.$("#full-screen-icon", this.$el).click((() => { this.setFullScreen() })), WSPlayerJQ.$(".one-screen-icon", this.$el).click((() => { this.setPlayerNum(1) })), WSPlayerJQ.$("#one-screen-icon", this.$el).click((() => { this.setPlayerNum(1) })), WSPlayerJQ.$(".two-screen-icon", this.$el).click((() => { this.setPlayerNum(2) })), WSPlayerJQ.$("#two-screen-icon", this.$el).click((() => { this.setPlayerNum(2) })), WSPlayerJQ.$(".three-screen-icon", this.$el).click((() => { this.setPlayerNum(3) })), WSPlayerJQ.$("#three-screen-icon", this.$el).click((() => { this.setPlayerNum(3) })), WSPlayerJQ.$(".four-screen-icon", this.$el).click((() => { this.setPlayerNum(4) })), WSPlayerJQ.$("#four-screen-icon", this.$el).click((() => { this.setPlayerNum(4) })), WSPlayerJQ.$(".six-screen-icon", this.$el).click((() => { this.setPlayerNum(6) })), WSPlayerJQ.$("#six-screen-icon", this.$el).click((() => { this.setPlayerNum(6) })), WSPlayerJQ.$(".eight-screen-icon", this.$el).click((() => { this.setPlayerNum(8) })), WSPlayerJQ.$("#eight-screen-icon", this.$el).click((() => { this.setPlayerNum(8) })), WSPlayerJQ.$(".nine-screen-icon", this.$el).click((() => { this.setPlayerNum(9) })), WSPlayerJQ.$("#nine-screen-icon", this.$el).click((() => { this.setPlayerNum(9) })), WSPlayerJQ.$(".sixteen-screen-icon", this.$el).click((() => { this.setPlayerNum(16) })), WSPlayerJQ.$("#sixteen-screen-icon", this.$el).click((() => { this.setPlayerNum(16) })), WSPlayerJQ.$(".twenty-five-screen-icon", this.$el).click((() => { this.setPlayerNum(25) })), WSPlayerJQ.$("#twenty-five-screen-icon", this.$el).click((() => { this.setPlayerNum(25) })), WSPlayerJQ.$(".close-all-video", this.$el).click((() => { this.close(void 0, "btnClick") })), WSPlayerJQ.$("#close-all-video", this.$el).click((() => { this.close(void 0, "btnClick") })), WSPlayerJQ.$(".custom-screen-icon", this.$el).click((() => { Le.call(this) })), WSPlayerJQ.$("#custom-screen-icon", this.$el).click((() => { Le.call(this) })), WSPlayerJQ.$(".ws-ctrl-ellipsis", this.$el).click((() => { We.call(this) })), this.selfAdaptionSelectShow = !1, WSPlayerJQ.$(".ws-select-self-adaption", this.$el).click((e => { this.selfAdaptionSelectShow ? (WSPlayerJQ.$(".ws-self-adaption-type", this.$el).hide(), this.selfAdaptionSelectShow = !1) : (WSPlayerJQ.$(".ws-self-adaption-type", this.$el).show(), this.selfAdaptionSelectShow = !0, WSPlayerJQ.$(".ws-select-ul .ws-select-type-item", this.$el).css({ background: "none" }), WSPlayerJQ.$(`.ws-select-ul [value=${this.playerAdapter}]`, this.$el).css({ background: "#1A78EA" })) })), WSPlayerJQ.$(".ws-self-adaption-type", this.$el).click((e => { let t = e.target.getAttribute("value"); this.setPlayerAdapter(t), WSPlayerJQ.$(".ws-select-show-option", this.$el).text(this.wsAdaption[t]) })), "record" !== this.type && (WSPlayerJQ.$(".ws-control-record", this.$el).css({ display: "none" }), WSPlayerJQ.$("#ws-record-pause", this.$el).css({ display: "none" }), WSPlayerJQ.$("#ws-record-play", this.$el).css({ display: "none" }), WSPlayerJQ.$("#ws-record-speed-add", this.$el).css({ display: "none" }), WSPlayerJQ.$("#ws-record-speed-sub", this.$el).css({ display: "none" })), WSPlayerJQ.$(".ws-record-pause", this.$el).click((e => { this.pause() })), WSPlayerJQ.$("#ws-record-pause", this.$el).click((e => { this.pause() })), WSPlayerJQ.$(".ws-record-play", this.$el).click((e => { this.play() })), WSPlayerJQ.$("#ws-record-play", this.$el).click((e => { this.play() })), WSPlayerJQ.$(".ws-record-speed-sub", this.$el).click((e => { "playing" === this.playerList[this.selectIndex].status && this.__setPlaySpeed("PREV") })), WSPlayerJQ.$("#ws-record-speed-sub", this.$el).click((e => { "playing" === this.playerList[this.selectIndex].status && this.__setPlaySpeed("PREV") })), WSPlayerJQ.$(".ws-record-speed-add", this.$el).click((e => { "playing" === this.playerList[this.selectIndex].status && this.__setPlaySpeed("NEXT") })), WSPlayerJQ.$("#ws-record-speed-add", this.$el).click((e => { "playing" === this.playerList[this.selectIndex].status && this.__setPlaySpeed("NEXT") })) }, Qe = function () { this.$el.append('\n <div class="ws-control ws-record-control">\n <canvas id="wsplayer-record-progress" height="60" class="ws-record-area"></canvas>\n </div>\n '), this.recordProgressRuler = new re({ canvasId: `#${this.el} canvas#wsplayer-record-progress`, records: [], currentTime: y.getToday12Time(), rulerLength: { short: 10, middle: 20, long: 25 }, rulerScale: 2, getCurrentTime: e => { this.clickRecordsTimer && clearTimeout(this.clickRecordsTimer), this.clickRecordsTimer = setTimeout((() => { clearTimeout(this.clickRecordsTimer), this.clickRecordsTimer = null }), 1500), this.clickRecordTimeLine(e), this.play() } }) }; class Ne extends se { constructor(e) { super(e), this.currentIndex = e.index, this.wrapperDomId = e.wrapperDomId, this.type = "real", this.options = {}, this.chromeResourceOutOfMemory = !1, this.initDom(), this.defaultStatus = WSPlayerJQ.$(".default-status", this.$el), this.error = WSPlayerJQ.$(".error", this.$el), this.controller = WSPlayerJQ.$(".player-control", this.$el), this.controller.dblclick((e => { e.stopPropagation() })), this.initMouseEvent(), this.setStatus("created"), this.isFirstInfo = !0 } getTemplate() { return Ee.call(this) } initMouseEvent() { super.initMouseEvent(); let e = this; this.hideTimer = null, this.$el.on("mouseenter mousemove", (e => { this.wsPlayer.config.showTopOperate && (["created", "closed"].includes(this.status) || this.setDomVisible(WSPlayerJQ.$(".player-control", WSPlayerJQ.$(`#${this.wrapperDomId}-${this.currentIndex}`)), !0), "playing" !== this.status && "error" !== this.status || this.hideTimer && clearTimeout(this.hideTimer)) })), this.$el.on("mouseleave", (e => { this.wsPlayer.config.showTopOperate && (this.hideTimer = setTimeout((() => { WSPlayerJQ.$(".stream-type", this.$el).hide(), this.setDomVisible(WSPlayerJQ.$(".player-control", WSPlayerJQ.$(`#${this.wrapperDomId}-${this.currentIndex}`)), !1), this.streamSelectShow = !1, this.setDomVisible(WSPlayerJQ.$(".opt-icons-vertical", this.$el), !1), this.showMoreIcon = !1 }), 300)) })), this.streamSelectShow = !1, WSPlayerJQ.$(".select", this.$el).click((e => { this.streamSelectShow ? (WSPlayerJQ.$(".stream-type", this.$el).hide(), this.streamSelectShow = !1) : (WSPlayerJQ.$(".stream-type", this.$el).show(), this.streamSelectShow = !0) })), WSPlayerJQ.$(".stream-type", this.$el).click((t => { let s = t.target.getAttribute("stream-type"); e.streamType !== s && e.options && ("url" === e.playType ? e.wsPlayer.sendMessage("changeStreamType", { channelData: e.options.channelData, channelInfo: { ...this.options }, streamType: Number(s), selectIndex: e.index }) : e.wsPlayer.changeStreamType(e.options.channelData, s, e.index, "changeStreamType")) })) } setStreamType(e) { this.streamType = e; let t = WSPlayerJQ.$(".stream-type .select-ul", this.$el)[0].children[e - 1], s = t && WSPlayerJQ.$(t).attr("title"); WSPlayerJQ.$(".code-stream", this.$el).text(s), WSPlayerJQ.$(".code-stream", this.$el).attr("title", s), t && WSPlayerJQ.$(t).addClass("stream-type-select").siblings().removeClass("stream-type-select") } setStatus(e, s) { switch (this.wsPlayer.sendMessage("statusChanged", { status: e, windowIndex: this.index }), this.status = e, this.currentWindowPlaying = !1, this.status) { case "created": case "closed": this.setDomVisible(this.defaultStatus, !0), this.setDomVisible(this.error, !1), this.setDomVisible(this.controller, !1), this.isAudioPlay = !1, WSPlayerJQ.$(".audio-icon", this.$el).removeClass("on").addClass("off"); break; case "loading": case "ready": case "showmsg": this.setDomVisible(this.defaultStatus, !1), this.setDomVisible(this.error, !1); break; case "playing": case "pause": self.isclosing = !1, this.currentWindowPlaying = !0, this.setDomVisible(this.defaultStatus, !1), this.setDomVisible(this.error, !1); break; case "streamError": const { selectIndex: e, channelData: i = {} } = this.options; this.wsPlayer.sendMessage("realError", { selectIndex: e, channelData: { ...i }, channelInfo: { ...this.options } }, { code: s.errorCode, msg: t.errorVideoInfo[s.errorCode] }), this.close(!0, !1, "none", "playSDKError"); case "error": self.isclosing = !1, this.showMsgInWindow(t.errorVideoInfo[s.errorCode] ? t.errorVideoInfo[s.errorCode] : t.errorVideoInfo.defaultErrorMsg) } } init(e) { if (this.wsPlayer.config.isDynamicLoadLib && !window.m_nModuleInitialized) { let t = setTimeout((() => { this.init(e), clearTimeout(t) }), 100); return } let t = (this.options || {}).channelId === e.channelId; if (this.options = e, this.playSDK && (this.isAudioPlay && WSPlayerJQ.$(".audio-icon", this.$el).removeClass("on").addClass("off"), this.close(!0, t, "closed", e.closeReason || "changeStream")), this.setLoading(!0, "ready", e.closeReason), this.setStreamType(e.streamType), this.chromeResourceOutOfMemory) return this.wsPlayer.close(this.currentIndex, "chromeMemoryOut"), console.warn("浏览器资源不足, 请等待3-5秒后重试"), this.wsPlayer.sendMessage("chromeMemoryOut", { channelInfo: { ...this.options }, channelData: this.options && { ...this.options.channelData }, selectIndex: this.currentIndex, message: "浏览器资源不足, 请等待3-5秒后重试" }); this.isclosing ? this.isclosing = !1 : E.call(this, this.wsPlayer.config, e) } startTalk(e) { !this.wsPlayer.config.isDynamicLoadLib || window.m_nModuleInitialized ? (this.talkData = e.talkData, _.call(this, e, e.talkData.audioType)) : this.wsPlayer.sendErrorMessage("502") } talkByUrl(e) { if (!this.wsPlayer.config.isDynamicLoadLib || window.m_nModuleInitialized) if (this.currentWindowPlaying) if ([2, 4].includes(Number(e.audioType))) _.call(this, e, e.audioType); else { let t = { 1: 307, 3: 308, 4: 309, 5: 310, 8: 311, 101: 312 }; this.wsPlayer.sendErrorMessage(t[e.audioType], { channelList: [e] }) } else this.wsPlayer.sendErrorMessage("614"); else this.wsPlayer.sendErrorMessage("502") } stopTalk(e) { if (this.talkPlaySDK && window.wsPlayerManager.unbindPlayer(this.talkPlaySDK.nPlayPort), "url" !== e && this.talkData && this.wsPlayer.stopTalk(this.talkData), this.isTalking && (this.wsPlayer.isTalking = !1, this.isTalking = !1), this.talkPlaySDK && (this.talkPlaySDK.StopTalk(), this.talkPlaySDK.StopPullStream(), this.talkPlaySDK = null), WSPlayerJQ.$(".talk-icon", this.$el).removeClass("on").addClass("off"), WSPlayerJQ.$(".ws-talking", this.$el).css({ visibility: "hidden" }), this.closeVolume(), this.options && "url" === this.options.playType) { const { selectIndex: e, channelData: t = {} } = this.options; this.wsPlayer.sendMessage("stopTalk", { selectIndex: e, channelData: { ...t }, channelInfo: { ...this.options } }) } } } class ze extends se { constructor(e) { super(e), this.currentIndex = e.index, this.wrapperDomId = e.wrapperDomId, this.speed = 1, this.curTimestamp = 0, this.type = "record", this.initDom(), this.defaultStatus = WSPlayerJQ.$(".default-status", this.$el), this.error = WSPlayerJQ.$(".error", this.$el), this.controller = WSPlayerJQ.$(".player-control", this.$el), this.timeInfo = WSPlayerJQ.$(".time-info", this.$el), this.chromeResourceOutOfMemory = !1, this.initMouseEvent(), this.setStatus("created"), this.isFirstInfo = !0 } getTemplate() { return Me.call(this) } initMouseEvent() { super.initMouseEvent(), this.hideTimer = null, this.$el.on("mouseenter mousemove", (e => { this.wsPlayer.config.showTopOperate && (["created", "closed"].includes(this.status) || this.setDomVisible(WSPlayerJQ.$(".player-control", WSPlayerJQ.$(`#${this.wrapperDomId}-${this.currentIndex}`)), !0), "playing" === this.status ? this.hideTimer && clearTimeout(this.hideTimer) : "ready" === this.status && this.setDomVisible(this.progressBar, !0)) })), this.$el.on("mouseleave", (e => { this.wsPlayer.config.showTopOperate && "pause" !== this.status && (this.hideTimer = setTimeout((() => { this.setDomVisible(WSPlayerJQ.$(".player-control", WSPlayerJQ.$(`#${this.wrapperDomId}-${this.currentIndex}`)), !1), this.setDomVisible(WSPlayerJQ.$(".opt-icons-vertical", this.$el), !1), this.showMoreIcon = !1 }), 300)) })), WSPlayerJQ.$(".wsplayer-progress-bar", this.$el).on("mousemove", (e => { WSPlayerJQ.$(".progress-bar_hover_light", this.$el).css({ width: e.offsetX + "px" }) })), WSPlayerJQ.$(".wsplayer-progress-bar", this.$el).on("mouseleave", (e => { WSPlayerJQ.$(".progress-bar_hover_light", this.$el).css({ width: 0 }) })), WSPlayerJQ.$(".play-ctrl-btn", this.$el).click((e => { "playing" === this.status ? (this.pause(), WSPlayerJQ.$(".play-icon", this.$el).removeClass("play").addClass("pause")) : (this.play(), WSPlayerJQ.$(".play-icon", this.$el).removeClass("pause").addClass("play")) })) } setStatus(e, s) { this.wsPlayer.sendMessage("statusChanged", { status: e, windowIndex: this.index }), this.status = e, this.currentWindowPlaying = !1; let { selectIndex: i, channelData: r = {} } = this.options || {}; switch (this.status) { case "created": case "closed": this.setDomVisible(this.defaultStatus, !0), this.setDomVisible(this.error, !1), this.setDomVisible(this.controller, !1), this.isAudioPlay = !1, WSPlayerJQ.$(".audio-icon", this.$el).removeClass("on").addClass("off"); break; case "loading": case "ready": case "showmsg": this.setDomVisible(this.defaultStatus, !1), this.setDomVisible(this.error, !1); break; case "playing": this.currentWindowPlaying = !0, this.setDomVisible(this.defaultStatus, !1), this.setDomVisible(this.error, !1), this.setDomVisible(WSPlayerJQ.$(".play-pause-wrapper", this.$el), !1); break; case "pause": this.currentWindowPlaying = !0, this.setDomVisible(this.defaultStatus, !1), this.setDomVisible(this.error, !1), this.setDomVisible(this.controller, !1), this.setDomVisible(WSPlayerJQ.$(".play-pause-wrapper", this.$el), !0); break; case "streamError": let e = setTimeout((() => { this.close(!0, !1, "none", "playSDKError"), clearTimeout(e) }), 0); this.wsPlayer.sendMessage("recordError", { selectIndex: i, channelData: { ...r }, channelInfo: { ...this.options } }, { code: s.errorCode, msg: t.errorVideoInfo[s.errorCode] }), this.showMsgInWindow(t.errorVideoInfo[s.errorCode] ? t.errorVideoInfo[s.errorCode] : t.errorVideoInfo.defaultErrorMsg); break; case "recordFinish": let a = setTimeout((() => { this.close(!0, !1, "recordFinish", "recordFinish"), clearTimeout(a) }), !0); this.wsPlayer.sendMessage("recordFinish", { selectIndex: i, channelData: { ...r }, channelInfo: { ...this.options } }), this.showMsgInWindow(t.errorVideoInfo[s.errorCode] ? t.errorVideoInfo[s.errorCode] : t.errorVideoInfo.defaultErrorMsg); break; case "error": this.showMsgInWindow(t.errorVideoInfo[s.errorCode] ? t.errorVideoInfo[s.errorCode] : t.errorVideoInfo.defaultErrorMsg) } } init(e) { if (!this.wsPlayer.config.isDynamicLoadLib || window.m_nModuleInitialized) { if (this.options = e, this.playSDK && (this.isAudioPlay && WSPlayerJQ.$(".audio-icon", this.$el).removeClass("on").addClass("off"), this.close(!0, !1, "closed", e.closeReason || "changeStream")), this.setLoading(!0), this.chromeResourceOutOfMemory) return this.wsPlayer.close(this.currentIndex, "chromeMemoryOut"), console.warn("浏览器资源不足, 请等待3-5秒后重试"), this.wsPlayer.sendMessage("chromeMemoryOut", { message: "浏览器资源不足, 请等待3-5秒后重试", channelData: this.options && this.options.channelData, channelInfo: { ...this.options }, selectIndex: this.currentIndex }); M.call(this, this.wsPlayer.config, e) } else { let t = setTimeout((() => { this.init(e), clearTimeout(t) }), 100) } } playSpeed(e) { this.speed = e, 1 !== e && this.closeVolume(), this.playSDK && this.playSDK.SetSpeed(e) } } class Fe { constructor() { __publicField(this, "cPlusMediaFrameCallBack", (function (e, t, s, i) { this.handleToPlayer[e] && this.handleToPlayer[e].InputDataEx(s, i) })), __publicField(this, "cPlusRtspMsgCallBack", (function (e, t, s) { switch (t) { case 4096: setTimeout((() => { this.handleToPlayer[e].StopPullStream(), this.handleToPlayer[e].StreamFailedCallback(s), [285868034, 285868036, 6500424].includes(s) || this.handleToPlayer[e].StreamDisconnectCallback() }), 500); break; case 4097: break; case 4099: this.handleToPlayer[e] && this.handleToPlayer[e].StreamMsgPlay(); break; case 4100: this.handleToPlayer[e] && this.handleToPlayer[e].StreamFinishCallback(); break; case 4102: let t = this.handleToPlayer[e]; this.wsPlayerList.forEach((e => { e.playerList.forEach(((i, r) => { i.talkPlaySDK !== t && i.playSDK !== t || e.dealRTSPError(s, r) })) })); break; case 4104: this.handleToPlayer[e].StreamRedirectCallback(s); break; case 4109: this.handleToPlayer[e].StopPullStream(), this.handleToPlayer[e].StreamDisconnectCallback() } })), __publicField(this, "cPlusRtsvMsgCallBack", (function (e, t, s) { switch (t) { case 16385: break; case 16386: this.handleToPlayer[e] && this.handleToPlayer[e].StreamFinishCallback() } })), __publicField(this, "cIVSDrawDataCallBack", (function (e, t, s, i, r) { this.portToPlayer[e] && this.portToPlayer[e].SetIVSDrawData(e, t, s, i, r) })), this.wsPlayerList = [], this.portToPlayer = {}, this.handleToPlayer = {}, this.canvasToPlayer = {}, window.cPlusVisibleDecCallBack = this.cPlusVisibleDecCallBack.bind(this), window.cDigitalSignCallBack = this.cDigitalSignCallBack.bind(this), window.cRecordDataCallBack = this.cRecordDataCallBack.bind(this), window.cIVSDrawDataCallBack = this.cIVSDrawDataCallBack.bind(this), window.cPlusMediaFrameCallBack = this.cPlusMediaFrameCallBack.bind(this), window.cPlusRtspMsgCallBack = this.cPlusRtspMsgCallBack.bind(this), window.cPlusRtsvMsgCallBack = this.cPlusRtsvMsgCallBack.bind(this) } cPlusVisibleDecCallBack(e, t, s, i, r, a) { this.portToPlayer[e] && this.portToPlayer[e].SetFrameData(e, t, s, i, r, a) } cDigitalSignCallBack(e, t, s) { this.portToPlayer[e] && this.portToPlayer[e].SetDecryptionResult(e, t, s) } cRecordDataCallBack(e, t, s, i, r) { this.portToPlayer[e] && this.portToPlayer[e].SetRecordData(e, t, s, i, r) } bindPlayer(e, t) { this.portToPlayer[e] || (this.portToPlayer[e] = t) } unbindPlayer(e) { this.portToPlayer[e] = null } bindHandlePlayer(e, t) { this.handleToPlayer[e] || (this.handleToPlayer[e] = t) } unbindHandlePlayer(e) { this.handleToPlayer[e] = null } bindCanvasPlayer(e, t) { this.canvasToPlayer[e] || (this.canvasToPlayer[e] = t) } unbindCanvasPlayer(e) { this.canvasToPlayer[e] = null } addWSPlayer(e) { this.wsPlayerList.push(e) } removeWSPlayer(e) { this.wsPlayerList = this.wsPlayerList.filter((t => t === e)) } } const Be = { data: { dataType: "3", streamType: "2", channelId: "", urlType: 1, packtype: "Private" } }, Ae = { data: { deviceCode: "", talkType: "1", audioBit: 16, audioType: 2, sampleRate: 8e3, talkMode: "", channelSeq: "0", enableGBParamAutoAdapt: 1, urlType: 1, optModule: "ADMIN_001031", audioTypeList: ["2", "4"] } }, Ue = { data: { streamType: "0", recordType: "0", recordSource: "3", startTime: "", endTime: "", channelId: "" } }, Ke = { data: { recordType: "0", recordSource: "1", streamType: "1", channelId: "", startTime: "", endTime: "", urlType: "1" } }, Ve = { data: { ssId: "", startTime: "", endTime: "", fileName: "", diskId: "", recordSource: "", channelId: "", streamId: "", urlType: "1" } }, Oe = { 1: 307, 3: 308, 4: 309, 5: 310, 8: 311, 101: 312 }; class He { constructor(e) { this.realPlayer = null, this.recordPlayer = null, this.playCenterRecordByTime = e.playCenterRecordByTime, this.i18n = e.i18n, "real" === e.type ? this.realPlayer = e.player : this.recordPlayer = e.player, this.playIndex = 0, this.recordList = [], this.getRealRtsp = e.getRealRtsp, this.getRecords = e.getRecords, this.getRecordRtspByTime = e.getRecordRtspByTime, this.getRecordRtspByFile = e.getRecordRtspByFile, this.getTalkRtsp = e.getTalkRtsp, this.stopTalk = e.stopTalk } concatToken(e, t) { return e.includes("myToken") ? e : t && !e.includes("token=") ? e + (e.includes("?") ? "&" : "?") + "token=" + t : e } getCurrentRtsp(e, t) { const s = this.getRTSPUrls(e), i = s.find((e => e.includes(window.location.hostname))) || s[0]; return this.concatToken(i, t) } getRTSPUrls(e) { return e.split("|").filter((e => !e.includes("localhost") && !e.includes("127.0.0.1") && !e.startsWith("rtsp://["))) } processResponse(e, t) { try { return "string" == typeof e && e.includes("rtsp://") && e.includes("&token=") ? { url: e, innerIp: null } : e.url && e || e.data.url && e.data || e.data.data.url && e.data.data } catch { return null } } getWSUrl(e) { return this.getRTSPUrls(e).map((e => e.split("//")[1].split("/")[0])) } wssRedirectParam(e) { "wss" === ((this.realPlayer || this.recordPlayer).protocol || ("https:" === window.location.protocol ? "wss" : "ws")) && (e.data.clientSupportWSSDirect = 1, e.data.enableXNetFlag = 1) } openSomeWindow(e) { let t = this.realPlayer || this.recordPlayer; e > t.showNum && (e < t.maxWindow ? this.playNum = e > 16 ? 25 : e > 9 ? 16 : e > 4 ? 9 : 4 : this.playNum = t.maxWindow, t.setPlayerNum(this.playNum)) } playRealVideo(e, t = "2", s, i = !1, r) { if (!y.validFunction(this.getRealRtsp)) return void this.realPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.realtime.preview.interface"), "getRealRtsp"] }); let a = "number" == typeof s ? s : this.playIndex; "number" == typeof this.realPlayer.showNum ? this.openSomeWindow(e.length) : e = e.slice(0, JSON.parse(this.realPlayer.showNum).length - a), e.map(((e, s) => { let l = a + s; Be.data.streamType = t, Be.data.channelId = e.id, this.wssRedirectParam(Be), this.realPlayer.setLoading(l, !e.isWaiting, "loading", r), this.getRealRtsp(JSON.parse(JSON.stringify(Be))).then((s => { if (this.realPlayer.playerList[l].isclosing) return void (this.realPlayer.playerList[l].isclosing = !1); let i = this.processResponse(s, e); if (!i) return this.realPlayer.sendErrorMessage(104, { channelList: [e] }); i.rtspURL = this.getCurrentRtsp(i.url, i.token), Z.call(this.realPlayer, { selectIndex: l, streamServerIp: i.innerIp, rtspURL: i.rtspURL, channelId: e.id, channelData: e, streamType: t, wsList: this.getWSUrl(i.url), wssDirect: i.wssDirect, closeReason: r }) }), (t => { this.realPlayer.setLoading(l, !1, "closed"); let s = { channelList: [e], channelData: { ...e }, selectIndex: l, apiErrorInfo: t }; t ? 401 === Number(t.status) || 27001007 === Number(t.code) ? this.realPlayer.sendErrorMessage(102, s) : 3033 === Number(t.code) ? (this.realPlayer.showMsgInWindow(l, T.$t("wsPlayer.error.105"), e), this.realPlayer.sendErrorMessage(105, s)) : 2084 === Number(t.code) ? (this.realPlayer.showMsgInWindow(l, T.$t("wsPlayer.play.error.402"), e), this.realPlayer.sendErrorMessage(402, s)) : i ? (this.realPlayer.showMsgInWindow(l, T.$t("wsPlayer.play.error.103"), e), this.realPlayer.sendErrorMessage(103, s)) : this.playRealVideo([e], "1", l, !0, r) : this.realPlayer.sendErrorMessage(108) })) })) } startTalk(e) { if (!y.validFunction(this.getTalkRtsp)) return void this.realPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.talk.interface"), "getTalkRtsp"] }); Ae.data.deviceCode = e.deviceCode, Ae.data.audioBit = e.audioBit || 16, Ae.data.sampleRate = e.sampleRate || 8e3, [1, 3, 6, 10, 13, 14, 43].includes(e.deviceType) ? (Ae.data.talkType = "2", Ae.data.channelSeq = e.channelSeq) : (Ae.data.talkType = "1", Ae.data.channelSeq = "0"), this.wssRedirectParam(Ae); let t = { talkType: Ae.data.talkType, deviceCode: e.deviceCode, session: "", channelSeq: Ae.data.channelSeq, audioType: 2 }, s = s => { ee.call(this.realPlayer, { selectIndex: this.realPlayer.talkIndex, channelId: e.id, channelData: e, wssDirect: s.wssDirect, rtspURL: this.getCurrentRtsp(s.url, s.token), streamServerIp: s.innerIp, wsList: this.getWSUrl(s.url), talkData: t, gbDevice: s.gbDevice }) }; this.getTalkRtsp(JSON.parse(JSON.stringify(Ae))).then((i => { let r = this.processResponse(i, e); return r ? (t.session = r.session, t.audioType = r.audioType, "2" !== t.audioType && "4" !== t.audioType ? (this.stopTalk({ data: t }), Ae.data.audioType = 4, void this.getTalkRtsp(JSON.parse(JSON.stringify(Ae))).then((i => (r = this.processResponse(i, e), r ? (t.session = r.session, t.audioType = r.audioType, "4" !== i.audioType ? (this.realPlayer.sendErrorMessage(Oe[t.audioType], { channelList: [e] }), void this.stopTalk({ data: t })) : void s(r)) : this.realPlayer.sendErrorMessage(104, { channelList: [e] })))).catch((t => { this.realPlayer.sendErrorMessage(304, { channelList: [e], apiErrorInfo: t }) }))) : void s(r)) : this.realPlayer.sendErrorMessage(104, { channelList: [e] }) })).catch((t => { this.realPlayer.sendErrorMessage(304, { channelList: [e], apiErrorInfo: t }) })) } getRecordList(e, t) { if (!y.validFunction(this.getRecords)) return void this.recordPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.recording.interface"), "getRecords"] }); e.playRecordByTime = !e.playRecordByFile, Ue.data.streamType = e.streamType || "0", Ue.data.recordType = e.recordType || "0", Ue.data.recordSource = e.recordSource, Ue.data.startTime = e.startTime, Ue.data.endTime = e.endTime; let s = "number" == typeof e.windowIndex ? e.windowIndex : this.playIndex; "number" == typeof this.recordPlayer.showNum ? e.channelList.length > 1 && this.openSomeWindow(e.channelList.length) : e.channelList = e.channelList.slice(0, JSON.parse(this.recordPlayer.showNum).length - s), e.channelList.forEach(((i, r) => { let a = s + r; this.recordPlayer.setLoading(a, !i.isWaiting, "loading", e.closeReason), Ue.data.channelId = i.id; let l = []; if ("0" == Ue.data.streamType) { l.push(this.getRecords(JSON.parse(JSON.stringify(Ue)))); let e = JSON.parse(JSON.stringify(Ue)); e.data.streamType = "3", l.push(this.getRecords(e)) } else l.push(this.getRecords(JSON.parse(JSON.stringify(Ue)))); Promise.allSettled(l).then((s => { let r = [], l = []; if (s[0] && "rejected" === s[0].status && s[1] && "rejected" === s[1].status) { this.recordPlayer.setLoading(a, !1, "closed"); let t = { channelList: [i], channelData: { ...i }, selectIndex: a, apiErrorInfo: s[0].reason }; return void (s[0].reason.code ? 3033 === Number(s[0].reason.code) ? (this.recordPlayer.showMsgInWindow(a, T.$t("wsPlayer.error.205"), e.channel), this.recordPlayer.sendErrorMessage(205, t)) : (this.recordPlayer.showMsgInWindow(a, T.$t("wsPlayer.error.202"), i), this.recordPlayer.sendErrorMessage(202, t)) : this.recordPlayer.sendErrorMessage(108, t)) } s[0] && "fulfilled" === s[0].status && (r = s[0].value.records || s[0].value.data && s[0].value.data.records || s[0].value.data && s[0].value.data.data && s[0].value.data.data.records || []), s[1] && "fulfilled" === s[1].status && (l = s[1].value.records || s[1].value.data && s[1].value.data.records || s[1].value.data && s[1].value.data.data && s[1].value.data.data.records || []); let n = ([...r, ...l] || []).sort(((e, t) => e.startTime - t.startTime)); if (!n.length) return this.recordPlayer.setLoading(a, !1, "closed"), this.recordPlayer.showMsgInWindow(a, T.$t("wsPlayer.error.201"), i), void this.recordPlayer.sendErrorMessage(201, { channelList: [i] }); this.getRecordRtsp({ ...e, channel: i }, n.map((e => (e.isImportant = ["2", "4", "5"].includes(e.recordType), e))), !e.isUpdateRecords, a, t) })) })) } getRecordRtsp(e, t, s = !0, i, r) { let a = null, l = t[0].recordSource || e.recordSource, n = e.ssId, o = [], c = "byTime", d = t[0].poolType; if (!["3", "5"].includes(d) || e.playRecordByTime) Ke.data.streamType = t[0].streamType || e.streamType || "0", Ke.data.recordType = "1", Ke.data.recordSource = l, Ke.data.startTime = e.startTime, Ke.data.endTime = e.endTime, Ke.data.channelId = e.channel.id, Ke.data.streamId = t[0].streamId || "", n = n || t[0].ssId, o = Array.from(new Set(t.map((e => e.ssId)))), Ke.data.ssId = n, this.wssRedirectParam(Ke), a = this.getRecordRtspByTime(JSON.parse(JSON.stringify(Ke))); else { if (c = "byFile", !y.validFunction(this.getRecordRtspByFile)) return void this.recordPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.recording.interface"), "getRecordRtspByFile"] }); let s = t[0]; Ve.data.ssId = s.ssId, Ve.data.startTime = s.startTime, Ve.data.endTime = s.endTime, Ve.data.fileName = s.recordName, Ve.data.diskId = s.diskId, Ve.data.recordSource = s.recordSource || "3", Ve.data.channelId = e.channel.id, Ve.data.streamId = s.streamId, this.wssRedirectParam(Ve), a = this.getRecordRtspByFile(JSON.parse(JSON.stringify(Ve))) } a && a.then((a => { let d = this.processResponse(a, e.channel); return d ? (d.channelId = e.channel.id, d.rtspURL = this.getCurrentRtsp(d.url, d.token), d.wsList = this.getWSUrl(d.url), d.rtspURL ? (d.channelData = e.channel, d.startTime = e.startTime, d.endTime = e.endTime, d.recordSource = l, void this.recordPlay(d, i, n, o, e.isJumpPlay, r, c, t).then((() => { let r = this.recordList[i]; if (s) this.recordList[i] = { ...e, recordList: t, recordIndex: 0, isPlaying: !0 }; else { let e = t[0].recordName; r.recordIndex = r.recordList.findIndex((t => t.recordName === e)), r.isPlaying = !0 } this.playIndex === i && (s || (t = r.recordList, r.isPlaying = !0), this.setTimeLine(t, t[0].startTime)) }))) : (this.recordPlayer.setLoading(i, !1, "closed"), void this.recordPlayer.sendErrorMessage(201, { channelList: [e.channel] }))) : (this.recordPlayer.setLoading(i, !1, "closed"), this.realPlayer.sendErrorMessage(104, { channelList: [e.channel] })) }), (t => { this.recordPlayer.setLoading(i, !1, "closed"); let s = { channelList: [e.channel], channelData: { ...e.channel }, selectIndex: i, apiErrorInfo: t }; t ? 1103 === Number(t.code) ? (this.recordPlayer.showMsgInWindow(i, T.$t("wsPlayer.play.error.402"), e.channel), this.recordPlayer.sendErrorMessage(402, s)) : this.recordPlayer.sendErrorMessage(203, s) : this.recordPlayer.sendErrorMessage(108, s) })) } recordPlay(e, t, s, i, r, a, l, n, o) { return new Promise((c => { te.call(this.recordPlayer, { ...e, streamServerIp: e.innerIp, selectIndex: t, ssId: s, ssIdList: i, isJumpPlay: r, playRecordByFile: "byFile" === l, playRecordByTime: "byTime" === l || this.recordPlayer.config.playCenterRecordByTime && !!s, recordList: n, closeReason: o }, a).then((() => c())) })) } setTimeLine(e, t) { this.recordPlayer.setTimeLine(e, t) } clickRecordTimeLine(e, t) { let s = this.recordList[this.playIndex], i = { channelList: [s.channel], startTime: e, endTime: s.endTime, recordSource: s.recordSource, isUpdateRecords: !0, ssId: t, isJumpPlay: !0 }; this.getRecordList(i, { DecodeStart() { this.player.playByTime(e) } }) } playNextRecordByFile(e, t) { if (!y.validFunction(this.getRecordRtspByFile)) return void this.recordPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.recording.interface"), "getRecordRtspByFile"] }); let s = this.recordList[e]; if (s.isGetRtspByFile) return; s.isGetRtspByFile = !0, s.recordIndex++, s.isPlaying = !0; let i = s.recordList[s.recordIndex]; i ? (Ve.data.ssId = i.ssId, Ve.data.startTime = i.startTime, Ve.data.endTime = i.endTime, Ve.data.fileName = i.recordName, Ve.data.diskId = i.diskId, Ve.data.recordSource = i.recordSource || "3", Ve.data.channelId = i.channelId, Ve.data.streamId = i.streamId, this.wssRedirectParam(Ve), this.getRecordRtspByFile(JSON.parse(JSON.stringify(Ve))).then((t => { if (t.rtspURL = this.getCurrentRtsp(t.url, t.token), t.wsList = this.getWSUrl(t.url), !t.rtspURL) return s.isGetRtspByFile = !1, void this.recordPlayer.sendErrorMessage(201, { channelList: [s.channel] }); this.recordPlay(t, e, "", [], !0).then((() => { s.isGetRtspByFile = !1, this.setTimeLine(s.recordList) })) }), (e => { s.isGetRtspByFile = !1, this.recordPlayer.sendErrorMessage(203, { channelList: [s.channel], apiErrorInfo: e }) }))) : (s.isGetRtspByFile = !1, t()) } playNextRecord(e, t) { if (t) { if (!y.validFunction(this.getRecordRtspByTime)) return void this.recordPlayer.sendErrorMessage(608, { insert: [this.i18n.$t("wsPlayer.request.recording.interface"), "getRecordRtspByTime"] }); let s = this.recordList[e], i = s.recordList.find((e => e.ssId === t)); Ke.data.streamType = i.streamType || "0", Ke.data.recordType = "1", Ke.data.recordSource = i.recordSource, Ke.data.startTime = new Date(1e3 * i.startTime).setHours(0, 0, 0) / 1e3, Ke.data.endTime = new Date(1e3 * i.endTime).setHours(23, 59, 59) / 1e3, Ke.data.channelId = i.channelId, Ke.data.ssId = t, Ke.data.streamId = i.streamId || "", this.wssRedirectParam(Ke); let r = Array.from(new Set(s.recordList.map((e => e.ssId)))); this.getRecordRtspByTime(JSON.parse(JSON.stringify(Ke))).then((a => { let l = this.processResponse(a, opt.channel); if (!l) return this.realPlayer.sendErrorMessage(104, { channelList: [opt.channel] }); l.channelId = i.channelId, l.rtspURL = this.getCurrentRtsp(l.url, l.token), l.wsList = this.getWSUrl(l.url), l.startTime = Ke.data.startTime, l.endTime = Ke.data.endTime, this.recordPlay(l, e, t, r, !0).then((() => { this.setTimeLine(s.recordList) })) })) } else; } changeTimeLine(e) { let t = this.recordList[e]; t && t.isPlaying && this.setTimeLine(t.recordList) } videoClosed(e, t, s) { this.recordList[e] && (this.recordList[e].isPlaying = !1) } setPlayIndex(e) { this.playIndex = e } } class qe { constructor(e = {}, t) { this.i18n = e.locale, this.el = e.el, this.$el = WSPlayerJQ.$("#" + this.el), this.$el.empty(), this.wsPlayer = t, this.prefixUrl = e.prefixUrl || "./static", this.$el && this.__createPanTilt(), this.channel = null, this.channelCodeForPositionList = [], this.setPtzDirection = e.setPtzDirection, this.setPtzCamera = e.setPtzCamera, this.controlSitPosition = e.controlSitPosition, this.mousedownCanvasEvent = this.__mousedownCanvasEvent.bind(this), this.mousemoveCanvasEvent = this.__mousemoveCanvasEvent.bind(this), this.mouseupCanvasEvent = this.__mouseupCanvasEvent.bind(this), this.clickDirectFlag = !1, this.setPtzDirectionPromiseList = [], this.setPtzDirectionRun = !1, this.setPtzCameraPromiseList = [], this.setPtzCameraRun = !1 } setChannel(e) { this.channel = e && { ...e } || {}; let t = this.wsPlayer.selectIndex, s = this.channelCodeForPositionList[t]; if (!e) return WSPlayerJQ.$(".ws-pan-tilt-mask", this.$el).css({ display: "block" }), WSPlayerJQ.$(".ws-pan-tilt-mask-position", this.$el).css({ display: "none" }), void this.__removeCanvasEvent(); s ? s !== e.id ? (this.channelCodeForPositionList[t] = null, this.__removeCanvasEvent()) : this.__openSitPosition(!0) : this.openSitPositionFlag && this.__removeCanvasEvent(); let i = e.capability; switch (e.cameraType + "") { case "1": parseInt(i, 2) & parseInt("100", 2) || parseInt(i, 2) & parseInt("10000000000000000", 2) ? WSPlayerJQ.$(".ws-pan-tilt-mask-zoom", this.$el).css({ display: "none" }) : WSPlayerJQ.$(".ws-pan-tilt-mask-zoom", this.$el).css({ display: "block" }), parseInt(i, 2) & parseInt("10000000000000000", 2) ? (WSPlayerJQ.$(".ws-pan-tilt-mask-direction", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-pan-tilt-mask-position", this.$el).css({ display: "block" }), this.__removeCanvasEvent()) : (WSPlayerJQ.$(".ws-pan-tilt-mask-direction", this.$el).css({ display: "block" }), WSPlayerJQ.$(".ws-pan-tilt-mask-position", this.$el).css({ display: "none" })), WSPlayerJQ.$(".ws-pan-tilt-mask-aperture", this.$el).css({ display: "block" }); break; case "2": WSPlayerJQ.$(".ws-pan-tilt-mask", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-pan-tilt-mask-position", this.$el).css({ display: "none" }); break; default: WSPlayerJQ.$(".ws-pan-tilt-mask", this.$el).css({ display: "block" }), WSPlayerJQ.$(".ws-pan-tilt-mask-position", this.$el).css({ display: "none" }), this.__removeCanvasEvent() } } __createPanTilt() { this.$el.append(`\n <div class="ws-pan-tilt-control">\n <div class="ws-pan-tilt-circle-wrapper">\n \x3c!--云台方向控制--\x3e\n <div class="ws-pan-tilt-circle-rotate">\n <div class="ws-pan-tilt-circle">\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-t.svg" title="${this.i18n.$t("video.player.ptz.up")}" direct="1"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-rt.svg" title="${this.i18n.$t("video.player.ptz.upper.right")}" direct="7"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-r.svg" title="${this.i18n.$t("video.player.ptz.right")}" direct="4"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-rb.svg" title="${this.i18n.$t("video.player.ptz.lower.right")}" direct="8"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-b.svg" title="${this.i18n.$t("video.player.ptz.down")}" direct="2"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-lb.svg" title="${this.i18n.$t("video.player.ptz.lower.left")}" direct="6"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-l.svg" title="${this.i18n.$t("video.player.ptz.left")}" direct="3"/></div>\n <div class="ws-pan-tilt-direction-item"><img src="${this.prefixUrl}/WSPlayer/icon/arrow-lt.svg" title="${this.i18n.$t("video.player.ptz.upper.left")}" direct="5"/></div>\n <div class="ws-pan-tilt-inner-circle">\n <img\n class="ws-pan-tilt-pzt-select"\n src="${this.prefixUrl}/WSPlayer/icon/ptz-select.svg"\n title="${this.i18n.$t("inspec.ptz.position1")}"\n />\n </div>\n </div>\n </div>\n </div>\n \n \x3c!--云台变倍、聚焦、光圈控制--\x3e\n <div class="ws-cloud-control-wrapper">\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon1.svg" title="${this.i18n.$t("video.player.ptz.zoom")}-" operateType="1" direct="2"/></div>\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon2.svg" title="${this.i18n.$t("video.player.ptz.zoom")}+" operateType="1" direct="1"/></div>\n <div class="cloud-control-separate"></div>\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon3.svg" title="${this.i18n.$t("video.player.ptz.focus")}-" operateType="2" direct="2"/></div>\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon4.svg" title="${this.i18n.$t("video.player.ptz.focus")}+" operateType="2" direct="1"/></div>\n <div class="cloud-control-separate"></div>\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon5.svg" title="${this.i18n.$t("video.player.ptz.halo")}-" operateType="3" direct="2"/></div>\n <div class="ws-pan-tilt-control-item"><img src="${this.prefixUrl}/WSPlayer/icon/ptz-icon6.svg" title="${this.i18n.$t("video.player.ptz.halo")}+" operateType="3" direct="1"/></div>\n </div>\n \n \x3c!--遮罩，当通道没有云台功能时，使用遮罩遮住云台按钮--\x3e\n \x3c!--方向按钮遮罩--\x3e\n <div class="ws-pan-tilt-mask ws-pan-tilt-mask-direction"></div>\n \x3c!--三维定位遮罩--\x3e\n <div class="ws-pan-tilt-mask ws-pan-tilt-mask-position"></div>\n \x3c!--变倍、聚焦遮罩--\x3e\n <div class="ws-pan-tilt-mask ws-pan-tilt-mask-zoom"></div>\n \x3c!--光圈遮罩--\x3e\n <div class="ws-pan-tilt-mask ws-pan-tilt-mask-aperture"></div>\n </div>\n `), WSPlayerJQ.$(".ws-pan-tilt-circle", this.$el).mouseup((e => { if (this.clickDirectFlag) { this.clickDirectFlag = !1; let t = this.__getDirect(e.target); t && this.__setPtzDirection(t, "0") } })), WSPlayerJQ.$(".ws-pan-tilt-circle", this.$el).mouseout(this._throttle((e => { if (this.clickDirectFlag) { this.clickDirectFlag = !1; let t = this.__getDirect(e.target); t && this.__setPtzDirection(t, "0") } }))), WSPlayerJQ.$(".ws-pan-tilt-circle", this.$el).mousedown(this._throttle((e => { if (!this.clickDirectFlag) { let t = this.__getDirect(e.target); t && (this.clickDirectFlag = !0, t && this.__setPtzDirection(t, "1")) } }), 1e3)), WSPlayerJQ.$(".ws-pan-tilt-control-item img", this.$el).mouseup((e => { this.operateFlag && (this.operateFlag = !1, this.__setPtzCamera(e.target.getAttribute("operateType"), e.target.getAttribute("direct"), "0")) })), WSPlayerJQ.$(".ws-pan-tilt-control-item img", this.$el).mouseout(this._throttle((e => { this.operateFlag && (this.operateFlag = !1, this.__setPtzCamera(e.target.getAttribute("operateType"), e.target.getAttribute("direct"), "0")) }))), WSPlayerJQ.$(".ws-pan-tilt-control-item img", this.$el).mousedown(this._throttle((e => { this.operateFlag = !0, this.__setPtzCamera(e.target.getAttribute("operateType"), e.target.getAttribute("direct"), "1") }), 1e3)), WSPlayerJQ.$(".ws-pan-tilt-pzt-select", this.$el).click((e => { this.__openSitPosition(!this.openSitPositionFlag) })) } __getDirect(e) { let t = e.getAttribute("direct"); if (!t) { let s = e.childNodes[0]; s && s.getAttribute && (t = s.getAttribute("direct")) } return t } __setPtzDirection(e, t) { const s = { project: "PSDK", method: "DMS.Ptz.OperateDirect", data: { direct: e, command: t, stepX: "4", stepY: "4", channelId: this.channel.id } }; if (this.setPtzDirectionPromiseList.push((() => new Promise(((e, i) => { this.setPtzDirection && this.setPtzDirection(s).then((s => { let i = s.data || s; "1" === t && i.result && "0" === i.result && this.wsPlayer.sendErrorMessage(701, { insert: [s.data.lockUser.userName], apiErrorInfo: s }), e() })).catch((e => { let s = [""]; 1103 === (e.data || e).code && (s = [`：${this.i18n.$t("error2084")}`]), "1" === t && this.wsPlayer.sendErrorMessage(704, { apiErrorInfo: e, insert: s }), i() })) })))), !this.setPtzDirectionRun) { let e = () => { this.setPtzDirectionRun = !0, this.setPtzDirectionPromiseList[0]().then((() => { })).catch((() => { })).finally((() => { this.setPtzDirectionPromiseList.shift(), this.setPtzDirectionPromiseList.length ? e() : this.setPtzDirectionRun = !1 })) }; e() } } __setPtzCamera(e, t, s) { const i = { project: "PSDK", method: "DMS.Ptz.OperateCamera", data: { operateType: e, direct: t, command: s, step: "4", channelId: this.channel.id } }; if (this.setPtzCameraPromiseList.push((() => new Promise(((e, t) => { this.setPtzCamera && this.setPtzCamera(i).then((t => { let i = t.data || t; "1" === s && i.result && "0" === i.result && this.wsPlayer.sendErrorMessage(701, { insert: [t.data.lockUser.userName], apiErrorInfo: t }), e() })).catch((e => { let r = ["", this.i18n.$t("video.player.ptz.zoom"), this.i18n.$t("video.player.ptz.focus"), this.i18n.$t("video.player.ptz.halo")], a = ["", "+", "-"], l = ["", "", ""]; 1103 === (e.data || e).code && (l = [r[i.data.operateType], a[i.data.direct], `：${this.i18n.$t("error2084")}`]), "1" === s && this.wsPlayer.sendErrorMessage(703, { apiErrorInfo: e, insert: l }), t() })) })))), !this.setPtzCameraRun) { let e = () => { this.setPtzCameraRun = !0, this.setPtzCameraPromiseList[0]().then((() => { })).catch((() => { })).finally((() => { this.setPtzCameraPromiseList.shift(), this.setPtzCameraPromiseList.length ? e() : this.setPtzCameraRun = !1 })) }; e() } } __openSitPosition(e) { this.openSitPositionFlag = e; let t = this.wsPlayer.playerList, s = this.wsPlayer.selectIndex; this.canvasElem = t[s].pztCanvasElem, this.canvasElem.addEventListener("mousedown", this.mousedownCanvasEvent), this.canvasElem.addEventListener("mousemove", this.mousemoveCanvasEvent), this.canvasElem.addEventListener("mouseup", this.mouseupCanvasEvent), this.canvasContext = this.canvasElem.getContext("2d"), this.canvasContext.lineWidth = 2, this.canvasContext.strokeStyle = "#009cff", this.openSitPositionFlag ? (this.channelCodeForPositionList[s] = this.channel.id, WSPlayerJQ.$(this.canvasElem).css({ display: "block" }), WSPlayerJQ.$(".ws-pan-tilt-pzt-select", this.$el)[0].src = `${this.prefixUrl}/WSPlayer/icon/ptz-select-hover.svg`) : (this.channelCodeForPositionList[s] = null, WSPlayerJQ.$(this.canvasElem).css({ display: "none" }), WSPlayerJQ.$(".ws-pan-tilt-pzt-select", this.$el)[0].src = `${this.prefixUrl}/WSPlayer/icon/ptz-select.svg`) } __mousedownCanvasEvent(e) { e.target === this.canvasElem && (e.offsetX || e.layerX) && (this.pointX = e.offsetX || e.layerX, this.pointY = e.offsetY || e.layerY, this.startDraw = !0) } __mousemoveCanvasEvent(e) { if (e.target === this.canvasElem && this.startDraw && (e.offsetX || e.layerX)) { const t = e.offsetX || e.layerX, s = e.offsetY || e.layerY, i = t - this.pointX, r = s - this.pointY; this.canvasContext.clearRect(0, 0, this.canvasElem.width, this.canvasElem.height), this.canvasContext.beginPath(), this.canvasContext.strokeRect(this.pointX, this.pointY, i, r) } } __mouseupCanvasEvent(e) { if (e.target === this.canvasElem && (e.offsetX || e.layerX)) { this.startDraw = !1; const t = e.offsetX || e.layerX, s = e.offsetY || e.layerY; let i = "", r = "", a = ""; const l = (t + this.pointX) / 2, n = (s + this.pointY) / 2, o = this.canvasElem.width / 2, c = this.canvasElem.height / 2, d = Math.abs(t - this.pointX), h = Math.abs(s - this.pointY), p = t < this.pointX; i = 8192 * (l - o) * 2 / this.canvasElem.width, r = 8192 * (n - c) * 2 / this.canvasElem.height, t === this.pointX || s === this.pointY ? a = 0 : (a = this.canvasElem.width * this.canvasElem.height / (d * h), p && (a = -a)), this.canvasContext.clearRect(0, 0, this.canvasElem.width, this.canvasElem.height), this.__controlSitPosition(i, r, a) } } __removeCanvasEvent() { this.canvasElem && (this.canvasElem.removeEventListener("mousedown", this.mousedownCanvasEvent), this.canvasElem.removeEventListener("mousemove", this.mousemoveCanvasEvent), this.canvasElem.removeEventListener("mouseup", this.mouseupCanvasEvent), WSPlayerJQ.$(this.canvasElem).css({ display: "none" }), this.canvasElem = null, this.canvasContext = null, this.openSitPositionFlag = !1, WSPlayerJQ.$(".ws-pan-tilt-pzt-select", this.$el)[0].src = `${this.prefixUrl}/WSPlayer/icon/ptz-select.svg`) } __controlSitPosition(e, t, s) { const i = { project: "PSDK", method: "DMS.Ptz.SitPosition", data: { magicId: localStorage.getItem("magicId") || "", pointX: String(Math.round(e)), pointY: String(Math.round(t)), pointZ: String(Math.round(s)), extend: "1", channelId: this.channel.id } }; this.controlSitPosition && this.controlSitPosition(i).then((e => { let t = e.data || e; t.result && "0" === t.result && this.wsPlayer.sendErrorMessage(701, { insert: [e.data.lockUser.userName], apiErrorInfo: e }) })).catch((e => { let t = [""]; 1103 === (e.data || e).code && (t[0] = `：${this.i18n.$t("error2084")}`), this.wsPlayer.sendErrorMessage(702, { apiErrorInfo: e, insert: t }) })) } _throttle(e, t = 300) { let s = 0; return function (...i) { const r = (new Date).getTime(); if (!(r - s < t)) return s = r, e.apply(this, i) } } } const Xe = { num: 1, maxNum: 25, showControl: !0, showTopOperate: !0, draggable: !1, showRecordProgressBar: !0, isDynamicLoadLib: !0, onlyLoadSingleLib: !1, useNginxProxy: !1, openIvs: !0, ivsTypeArr: [1, 2], useH264MSE: !0, useH265MSE: !0, showIcons: { streamChangeSelect: !0, ivsIcon: !0, talkIcon: !0, localRecordIcon: !0, audioIcon: !0, snapshotIcon: !0, closeIcon: !0 }, downloadMp4Record: !0, localRecordSize: 100, playCenterRecordByTime: !1, localeLang: "zhCN", cacheMode: 1, nMSEFrameCount: 1, isWebView: !1, picCapCb: !1 }, je = function (e, t) { let s = document.createElement("script"); s.src = e, document.head.appendChild(s); var i = !1; "function" == typeof t && (s.onload = s.onreadystatechange = function () { i || s.readyState && !/loaded|complete/.test(s.readyState) || (s.onload = s.onreadystatechange = null, i = !0, t()) }, s.onerror = function (t) { console.error(`\n配置的文件路径加载失败： ${window.location.origin}${e},\nprefixUrl参数配置有误, 请按照标准的配置方式prefixUrl的参数，保证能够访问到路径：\n绝对路径配置方式：'/path',\n相对路径配置方式：'path', './path'\n `) }) }, Ye = function (e) { let t = `${e}/WSPlayer/PlaySDKInterface.js`; var s, i; s = `${e}/WSPlayer/player.css`, (i = document.createElement("link")).href = s, i.rel = "stylesheet", i.type = "text/css", document.head ? document.head.appendChild(i) : document.getElementsByTagName("head")[0].appendChild(i), je(t, null) }, Ge = function (e) { je(`${e}/WSPlayer/commonThread/libRenderEngine.js`, (function () { RenderEngine_Module().then((e => { window.REModule = e })) })) }, Ze = function (e) { let t = `${e}/WSPlayer/commonThread/libmavasp_litepacket.data`; je(`${e}/WSPlayer/commonThread/libmavasp_litepacket.js`, (function () { ASPLite_Module.locateFile = function (e, s) { return e.endsWith(".data") ? t : s + e }, ASPLite_Module(ASPLite_Module).then((e => { window.ASPLiteModule = e })) })) }, et = function (e) { je(`${e}/WSPlayer/commonThread/libIVSDrawer.js`, (function () { IVSDrawer_Module().then((e => { window.IVSModule = e })) })) }, tt = function (e) { let t = this, s = this.prefixUrl; if (window.loadLibPlayerFlag) { this.config.onlyLoadSingleLib = window.onlyLoadSingleLib; let e = setTimeout((() => { t.sendMessage("initializationCompleted"), clearTimeout(e) }), 300) } else if (this.importLoad && Ye(s), window.loadLibPlayerFlag = !0, window.m_bClientInitialized = !1, window.Module || (window.Module = {}), Module.onRuntimeInitialized = function () { let e = setTimeout((() => { window.m_nModuleInitialized = !0, t.sendMessage("initializationCompleted"), clearTimeout(e) }), 300) }, Module.locateFile = function (e, s) { return e.endsWith(".data") ? `${t.prefixUrl}/WSPlayer/multiThread/libplay.data` : s + e }, this.isHttps && e && !this.config.onlyLoadSingleLib) { try { new SharedArrayBuffer(1), function (e) { je(`${e}/WSPlayer/multiThread/libplay.js`, null) }(s), function (e) { je(`${e}/WSPlayer/multiThread/libStreamClient.js`, (function () { Multi_Client_Module().then((e => { window.SCModule = e, window.SCModule._GLOBAL_Init(2), window.m_bClientInitialized = !0 })) })) }(s), console.log(`%cwsplayer播放器 版本号V${ot.version} 多线程`, "background: rgb(91, 66, 181); color: #fff; font-size: 20px"), Ge(s) } catch (i) { Ge(s), this.config.onlyLoadSingleLib = !0, window.onlyLoadSingleLib = this.config.onlyLoadSingleLib; let e = setTimeout((() => { window.m_nModuleInitialized = !0, this.sendMessage("initializationCompleted"), console.log(`%cwsplayer播放器 版本号V${ot.version} 单线程`, "background: rgb(115, 189, 224); color: #fff; font-size: 20px"), clearTimeout(e) }), 300) } et(s), !this.config.isWebView && Ze(s) } else { console.log(`%c wsplayer播放器 版本号V${ot.version} 单线程`, "background: rgb(115, 189, 224); color: #fff; font-size: 20px"), Ge(s), et(s), !this.config.isWebView && Ze(s), this.config.onlyLoadSingleLib = !0, window.onlyLoadSingleLib = this.config.onlyLoadSingleLib; let e = setTimeout((() => { window.m_nModuleInitialized = !0, this.sendMessage("initializationCompleted"), clearTimeout(e) }), 300) } }; !function (e) { function t(e, s) { if (!(this instanceof t)) return new t(e, s); if (e instanceof Node || e instanceof t) { if (e.length) return e; this.length = 1, this[0] = e } else if (e instanceof Array) this.length = e.length, e.forEach(((e, t) => { this[t] = e })); else { if ("string" != typeof e) return []; if (e.startsWith("<") || e.startsWith("\n")) { const t = (new DOMParser).parseFromString(e, "text/html").body.childNodes; this.length = t.length; for (let e = 0; e < this.length; e++)this[e] = t[e] } else { const i = (s = s instanceof t ? s[0] : s || document).querySelectorAll(e); this.length = i.length; for (let e = 0; e < this.length; e++)this[e] = i[e] } } } t.prototype.each = function (e) { for (var t = 0; t < this.length; t++)e.call(this[t], t, this[t]); return this }, t.prototype.css = function (e, t) { if ("object" == typeof e) for (const s in e) e.hasOwnProperty(s) && this.each((function () { this.style[s] = e[s] })); else { if (void 0 === t) return getComputedStyle(this[0])[e]; this.each((function () { this.style[e] = t })) } return this }, t.prototype.click = function (e) { return this.each((function () { this.addEventListener("click", e) })) }, t.prototype.src = function (e) { return this.each((function () { if ("IMG" !== this.tagName && "AUDIO" !== this.tagName && "VIDEO" !== this.tagName) throw new Error('The "src" method can only be used on <img>, <audio>, or <video> elements.'); if (void 0 === e) return this.src; this.src = e })) }, t.prototype.dblclick = function (e) { return this.each((function () { this.addEventListener("dblclick", e) })) }, t.prototype.parseHTML = function (e) { const t = document.createElement("div"); return t.innerHTML = e, t.childNodes }, t.prototype.html = function (e) { return void 0 === e ? this[0].innerHTML : (this.each((function () { this.innerHTML = e })), this) }, t.prototype.empty = function () { return this.each((function () { for (; this.firstChild;)this.removeChild(this.firstChild) })) }, t.prototype.addClass = function (e) { return this.each((function () { this.classList.contains(e) || this.classList.add(e) })) }, t.prototype.removeClass = function (e) { if ("string" != typeof e) throw new TypeError("Invalid class name provided to removeClass method."); return this.each((function () { if (this.classList) this.classList.remove(e); else { const t = this.className.split(/\s+/).filter((t => t !== e)); this.className = t.join(" ") } })), this }, t.prototype.remove = function () { for (let e = 0; e < this.length; e++)this[e].parentNode && this[e].parentNode.removeChild(this[e]) }, t.prototype.children = function (e) { const s = []; return this.each((function () { const e = this.children; for (let t = 0; t < e.length; t++) { const i = e[t]; i.nodeType === Node.ELEMENT_NODE && s.push(i) } })), new t(s, this.context) }, t.prototype.siblings = function (e) { const s = []; return this.each((function () { const i = this.parentNode; if (i) { const r = i.children; for (let i = 0; i < r.length; i++) { const a = r[i]; a !== this && a.nodeType === Node.ELEMENT_NODE && (e ? e instanceof Node || e instanceof t ? e === a && s.push(a) : a.matches(e) && s.push(a) : s.push(a)) } } })), new t(s, this.context) }, t.prototype.show = function () { return this.each((function () { this.style.display = "" })), this }, t.prototype.hide = function () { return this.each((function () { this.style.display = "none" })), this }, t.prototype.append = function (e) { if ("string" == typeof e) this.each((function () { this.insertAdjacentHTML("beforeend", e) })); else { if (!(e instanceof Node || Array.isArray(e))) throw new TypeError("Invalid content provided to append method."); { const t = Array.isArray(e) ? e : [e]; this.each((function () { t.forEach((e => this.appendChild(e))) })) } } return this }, t.prototype.attr = function (e, t) { if (void 0 !== t) return this.each((function (s, i) { i.setAttribute(e, t) })); let s; for (let i = 0; i < this.length; i++) { const t = this[i].getAttribute(e); if (null !== t) { s = t; break } } return s }, t.prototype.on = function (e, t) { return this.each((function () { e.split(/\s+/).forEach((function (e) { this.addEventListener(e, t) }), this) })) }, t.prototype.html = function (e) { return void 0 !== e ? this.each((function () { this.innerHTML = e })) : this[0].innerHTML }, t.prototype.text = function (e) { return void 0 !== e ? this.each((function () { this.textContent = e })) : this[0].textContent }, t.prototype.width = function (e) { return void 0 !== e ? this.each((function () { this.style.width = e })) : this[0] && this[0].clientWidth || null }, t.prototype.height = function (e) { return void 0 !== e ? this.each((function () { this.style.height = e })) : this[0] && this[0].clientHeight || null }, t.prototype.mouseup = function (e) { return this.each((function () { this.addEventListener("mouseup", e) })) }, t.prototype.mouseout = function (e) { return this.each((function () { this.addEventListener("mouseout", e) })) }, t.prototype.mousedown = function (e) { return this.each((function () { this.addEventListener("mousedown", e) })) }, e.WSPlayerJQ = { $: function (s, i) { return e.$ && e.$.fn && function (e, t) { if (!e || !t) return !1; let s = e.split("."), i = t.split("."); for (let r = 0; r < i.length; r++) { if (s[r] > i[r]) return !0; if (s[r] < i[r]) return !1 } return !0 }(e.$.fn.jquery, "3.6.0") ? e.$(s, i) : new t(s, i) } } }(window); const st = [["requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror"], ["webkitRequestFullscreen", "webkitExitFullscreen", "webkitFullscreenElement", "webkitFullscreenEnabled", "webkitfullscreenchange", "webkitfullscreenerror"], ["webkitRequestFullScreen", "webkitCancelFullScreen", "webkitCurrentFullScreenElement", "webkitCancelFullScreen", "webkitfullscreenchange", "webkitfullscreenerror"], ["mozRequestFullScreen", "mozCancelFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozfullscreenchange", "mozfullscreenerror"], ["msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError"]], it = (() => { if ("undefined" == typeof document) return !1; const e = st[0], t = {}; for (const s of st) { if ((null == s ? void 0 : s[1]) in document) { for (const [i, r] of s.entries()) t[e[i]] = r; return t } } return !1 })(), rt = { change: it.fullscreenchange, error: it.fullscreenerror }; let at = { request: (e = document.documentElement, t) => new Promise(((s, i) => { const r = () => { at.off("change", r), s() }; at.on("change", r); const a = e[it.requestFullscreen](t); a instanceof Promise && a.then(r).catch(i) })), exit: () => new Promise(((e, t) => { if (!at.isFullscreen) return void e(); const s = () => { at.off("change", s), e() }; at.on("change", s); const i = document[it.exitFullscreen](); i instanceof Promise && i.then(s).catch(t) })), toggle: (e, t) => at.isFullscreen ? at.exit() : at.request(e, t), onchange(e) { at.on("change", e) }, onerror(e) { at.on("error", e) }, on(e, t) { const s = rt[e]; s && document.addEventListener(s, t, !1) }, off(e, t) { const s = rt[e]; s && document.removeEventListener(s, t, !1) }, raw: it }; Object.defineProperties(at, { isFullscreen: { get: () => Boolean(document[it.fullscreenElement]) }, element: { enumerable: !0, get: () => { var e; return null != (e = document[it.fullscreenElement]) ? e : void 0 } }, isEnabled: { enumerable: !0, get: () => Boolean(document[it.fullscreenEnabled]) } }), it || (at = { isEnabled: !1 }); const lt = at; class nt { constructor(e, t) { this.el = e.el, this.wsplayer = t, this.$el = document.getElementById(this.el), this.$el.innerHTML = `<div id="${e.el}-stick" class="mobile-panTilt-stick"></div>`, this.$stick = document.getElementById(`${e.el}-stick`), this.touchStartX = 0, this.touchStartY = 0, this.setPtzDirection = e.setPtzDirection, this.setPtzCamera = e.setPtzCamera, this.channel = null, this.initPantiltEvent(), this.direct = "", this.directionMap = { left: 3, "left-up": 5, up: 1, "right-up": 7, right: 4, "right-down": 8, down: 2, "left-down": 6 }, this.setPtzDirectionPromiseList = [], this.setPtzDirectionRun = !1, this.setPtzCameraPromiseList = [], this.setPtzCameraRun = !1, this.lastCall = 0, this.currentPanTiltDirect = e.currentPanTiltDirect } setChannel(e) { if (console.log(e, "SetChannel====="), this.channel = { ...e }, !e) return void this.removePantiltEvent(); let t = e.capability; switch (e.cameraType + "") { case "1": parseInt(t, 2) & parseInt("10000000000000000", 2) ? this.$el.style.display = "none" : this.$el.style.display = "block"; break; case "2": this.$el.style.display = "block"; break; default: this.$el.style.display = "none" } } removePantiltEvent() { this.$stick.removeEventListener("touchstart", this.onTouchStart.bind(this)), this.$stick.removeEventListener("touchmove", this.onTouchMove.bind(this)), this.$stick.removeEventListener("touchend", this.onTouchEnd.bind(this)) } initPantiltEvent() { this.$stick.addEventListener("touchstart", this.onTouchStart.bind(this)), this.$stick.addEventListener("touchmove", this.onTouchMove.bind(this)), this.$stick.addEventListener("touchend", this.onTouchEnd.bind(this)) } onTouchStart(e) { const t = e.touches[0]; this.touchStartX = t.clientX, this.touchStartY = t.clientY } onTouchMove(e) { const t = e.touches[0], s = t.clientX - this.touchStartX, i = t.clientY - this.touchStartY, r = Math.atan2(i, s), a = this.getDirection(r); this.moveStick(s, i); this._throttle(this.controlGimbal.bind(this))(a) } onTouchEnd() { this.$stick.style.transform = "translate(0, 0)", this.direct, this.direct && (this.setPtzDirection && this.__setPtzDirection(this.direct, "0") || this.currentPanTiltDirect({ ...this.channel, direct: this.direct, command: "0" })), this.direct = "" } getDirection(e) { return ["left", "left-up", "up", "right-up", "right", "right-down", "down", "left-down"][Math.round((e + Math.PI) / (Math.PI / 4)) % 8] } moveStick(e, t) { const s = Math.min(Math.sqrt(e * e + t * t), 25), i = Math.atan2(t, e); this.$stick.style.transform = `translate(${Math.cos(i) * s}px, ${Math.sin(i) * s}px)` } controlGimbal(e) { this.channel && this.channel.id && this.direct !== this.directionMap[e] && (this.direct && this.__setPtzDirection(this.direct, "0"), this.direct = this.directionMap[e], this.setPtzDirection ? this.__setPtzDirection(this.directionMap[e], "1") : this.currentPanTiltDirect({ ...this.channel, direct: this.direct, command: "1" })) } __setPtzDirection(e, t) { const s = { project: "PSDK", method: "DMS.Ptz.OperateDirect", data: { direct: e, command: t, stepX: "4", stepY: "4", channelId: this.channel.id } }; if (this.setPtzDirectionPromiseList.push((() => new Promise(((e, t) => { this.setPtzDirection && this.setPtzDirection(s).then((() => { e() })).catch((e => { t(e) })) })))), !this.setPtzDirectionRun) { let e = () => { this.setPtzDirectionRun = !0, this.setPtzDirectionPromiseList[0]().then((() => { })).catch((e => { console.error("云台方向控制err:", e) })).finally((() => { this.setPtzDirectionPromiseList.shift(), this.setPtzDirectionPromiseList.length ? e() : this.setPtzDirectionRun = !1 })) }; e() } } __setPtzCamera(e, t, s) { const i = { project: "PSDK", method: "DMS.Ptz.OperateCamera", data: { operateType: e, direct: t, command: s, step: "4", channelId: this.channel.id } }; if (this.setPtzCameraPromiseList.push((() => new Promise(((e, t) => { this.setPtzCamera && this.setPtzCamera(i).then((() => { e() })).catch((e => { t(e) })) })))), !this.setPtzCameraRun) { let e = () => { this.setPtzCameraRun = !0, this.setPtzCameraPromiseList[0]().then((() => { })).catch((e => { console.error("云台方向控制err:", e) })).finally((() => { this.setPtzCameraPromiseList.shift(), this.setPtzCameraPromiseList.length ? e() : this.setPtzCameraRun = !1 })) }; e() } } _throttle(e, t = 500) { return (...s) => { const i = (new Date).getTime(); if (!(i - this.lastCall < t)) return this.lastCall = i, e.apply(this, s) } } } class ot { constructor(e) { if (!e.type) return console.error("type 为必传参数，请校验入参"), !1; if (this.options = e, this.type = e.type, this.importLoad = e.importLoad, this.config = y.mergeObject(Xe, e.config), this.config.localeI18n && T.setI18n(this.config.localeI18n), T.setLocal(this.config.localeLang), this.wsAdaption = { selfAdaption: T.$t("wsPlayer.screen.selfAdaption"), stretching: T.$t("wsPlayer.screen.stretching") }, t.updateLocale(T), this.setWSUrl = e.setWSUrl, this.WS_TIMEOUT = e.WS_TIMEOUT || 1, this.wsProtocol = e.protocol, this.isIntranet = e.isIntranet, this.ENV = localStorage.ENV || e.ENV, this.intranetMap = e.intranetMap, this.proxyServerIp = e.proxyServerIp || e.serverIp, this.streamServerIp = e.streamServerIp || e.serverIp, this.prefixUrl = this.processPrefixUrl(e.prefixUrl), this.rtspResponseTimeout = e.rtspResponseTimeout - 0, this.procedure = new He({ i18n: T, type: this.type, player: this, playCenterRecordByTime: this.config.playCenterRecordByTime, getRealRtsp: e.getRealRtsp, getRecords: e.getRecords, getRecordRtspByTime: e.getRecordRtspByTime, getRecordRtspByFile: e.getRecordRtspByFile, getTalkRtsp: e.getTalkRtsp, stopTalk: e.stopTalk }), this.sendMessage = e.receiveMessageFromWSPlayer || function (e, t, s) { }, this.el = e.el, this.fetchChannelAuthority = e.getChannelAuthority, this.$el = WSPlayerJQ.$("#" + this.el), this.$el.empty(), !this.$el.length) return void this.sendErrorMessage(503); this.width = this.$el.attr("width"), this.height = this.$el.attr("height"), this.$el.height(`${this.height}px`), this.$el.width(`${this.width}px`), this.$el.addClass("ws-player"), this.$el.append('<div class="player-wrapper"></div>'), this.$wrapper = WSPlayerJQ.$(".player-wrapper", this.$el), this.playerList = [], this.playerAdapter = e.playerAdapter || "selfAdaption", this.canvas = {}, this.ctx = {}, this.showNum = 1, this.maxWindow = 1, this.recordProgressRuler = null, this.clickRecordsTimer = null, this.$el.attr("inited", !0); let { isVersionCompliance: s, browserType: i, errorCode: r } = y.checkBrowser(); switch (this.isHttps = "https:" === location.protocol, this.config.isDynamicLoadLib && tt.call(this, s), V.call(this), this.currentDragWindowIndex = -1, this.beforeShowNum = 1, this.type) { case "real": this.createRealPlayer(e); break; case "record": this.createRecordPlayer(e) }this.setSelectIndex(0), this.setPlayerNum(this.config.division || this.config.num), this.bindUpdatePlayerWindow = this.__updatePlayerWindow.bind(this), this.resizeObserver = y.watchDomObserver(this.$el, this.bindUpdatePlayerWindow), window.wsPlayerManager || (window.wsPlayerManager = new Fe), window.wsPlayerManager.addWSPlayer(this), this.wsPlayerIndex = window.wsPlayerManager.wsPlayerList.findIndex((e => e === this)), this.__updateTopBarStyle(), this.__showBottomBarMore() } processPrefixUrl(e) { return e && e.startsWith("./") ? e : e ? `/${e}` : "./static" } createRealPlayer() { this.config.showControl ? Je.call(this) : this.$wrapper.addClass("nocontrol"), Array(this.maxWindow).fill(1).forEach(((e, t) => { let s = new Ne({ locale: T, wrapperDomId: this.el, index: t, wsPlayer: this }); this.playerList.push(s) })) } createRecordPlayer() { this.config.showRecordProgressBar && Qe.call(this), this.config.showControl && Je.call(this), !this.config.showRecordProgressBar && !this.config.showControl && this.$wrapper.addClass("nocontrol"), Array(this.maxWindow).fill(1).forEach(((e, t) => { let s = new ze({ locale: T, wrapperDomId: this.el, index: t, wsPlayer: this }); this.playerList.push(s) })) } openVolume(e) { let t = this.playerList[void 0 === e ? this.selectIndex : e]; !t.isAudioPlay && t.openVolume() } closeVolume(e) { let t = this.playerList[void 0 === e ? this.selectIndex : e]; t.isAudioPlay && t.closeVolume() } setVolume(e, t) { let s = this.playerList[void 0 === e ? this.selectIndex : e]; t > 0 ? (s.playSDK.SetSoundState(!0), s.openVolume(t)) : s.closeVolume() } picCap(e, t) { this.playerList[void 0 === e ? this.selectIndex : e].picCap(t) } play(e) { if ("real" === this.type) return void this.sendErrorMessage(611, { method: "play", arguments: { index: e } }); let t = this.playerList[void 0 === e ? this.selectIndex : e]; t ? "pause" === t.status && t.play() : this.sendErrorMessage(601, { method: "play", arguments: { index: e } }) } pause(e) { if ("real" === this.type) return void this.sendErrorMessage(612, { method: "pause", arguments: { index: e } }); let t = this.playerList[void 0 === e ? this.selectIndex : e]; t ? "playing" === t.status && t.pause() : this.sendErrorMessage(601, { method: "pause", arguments: { index: e } }) } playSpeed(e, t) { if (![.125, .25, .5, 1, 1.25, 1.5, 2, 4, 8].includes(e)) return void console.error(T.$t("wsPlayer.error.206")); if ("real" === this.type) return void this.sendErrorMessage(607, { method: "playSpeed", arguments: { speed: e, index: t } }); let s = this.playerList[void 0 === t ? this.selectIndex : t]; s ? s.playSpeed(parseFloat(e)) : this.sendErrorMessage(601, { method: "playSpeed", arguments: { speed: e, index: t } }) } setSelectIndex(e) { e = Number(e); let t = this.playerList[e]; if (t) { if (this.sendMessage("clickWindow", { channelId: (t.options || {}).channelId, channelInfo: t.options, playIndex: e, currentWindowPlaying: t.currentWindowPlaying }), this.selectIndex !== e && void 0 !== e) { if (this.procedure && this.procedure.setPlayIndex(e), "record" === this.type) { let s = t.status; "playing" === s ? (WSPlayerJQ.$(".ws-record-play", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-pause", this.$el).css({ display: "block" })) : "pause" === s && (WSPlayerJQ.$(".ws-record-pause", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-play", this.$el).css({ display: "block" })), ["playing", "pause"].includes(s) ? this.setTimeLine(t.options.recordList, t.currentTime) : (this.setTimeLine([]), WSPlayerJQ.$(".ws-record-pause", this.$el).css({ display: "none" }), WSPlayerJQ.$(".ws-record-play", this.$el).css({ display: "block" })), this.__setPlaySpeed("", e) } this.sendMessage("selectWindowChanged", { channelId: (t.options || {}).channelId, channelInfo: t.options, playIndex: e, currentWindowPlaying: t.currentWindowPlaying }), this.selectIndex = e, this.setPtzChannel((t.options || {}).channelData), this.playerList.forEach(((t, s) => { s === e ? t.$el.removeClass("unselected").addClass("selected") : t.$el.removeClass("selected").addClass("unselected") })) } } else this.sendErrorMessage(601, { method: "setSelectIndex", arguments: { index: e } }) } createWSPlayerLayer(e, t) { let s = `<div id="${this.el}-${e}" style="width: 100%; height: 100%;"></div>`; this.$wrapper.append(s), t && t(`${this.el}-${e}`) } createCustomDom(e) { this.playerList.forEach(((t, s) => { t.customDomId = `${t.domId}-${e}`; let i = `\n <div id="${t.customDomId}" style="display: none;" class="ws-custom-dom-style"></div>\n `; WSPlayerJQ.$(".ws-full-content", t.$el).append(i), t.customDomElem = WSPlayerJQ.$(`#${t.customDomId}`) })) } setPlayerNum(e, t) { if (Number(e) > this.config.maxNum) return console.error(T.$t("wsPlayer.error.609")); this.setSelectIndex(0), Number(e) > 0 ? X.call(this, Number(e), t) : j.call(this, e, t) } setPlayerAdapter(e) { this.playerAdapter !== e && (["selfAdaption", "stretching"].includes(e) ? (this.playerAdapter = e, WSPlayerJQ.$(".ws-select-show-option", this.$el).text(this.wsAdaption[e]), this.__updatePlayerWindow()) : this.sendErrorMessage(606, { method: "setPlayerAdapter", arguments: { playerAdapter: e } })) } setTimeLine(e = [], t = 0) { this.timeList = e, this.config.showRecordProgressBar && this.recordProgressRuler && this.recordProgressRuler.updateProgress({ records: e, currentTime: t }) } isIOS() { return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream } setFullScreen() { try { let e = this.$el[0].children[0]; if (this.isIOS()) { if (WSPlayerJQ.$(e).addClass("wsplayerfullscreen"), document.documentElement.scrollHeight <= document.documentElement.clientHeight) { document.getElementsByTagName("body")[0].style.height = document.documentElement.clientWidth / screen.width * screen.height + "px" } let t = setTimeout((function () { window.scrollTo(0, 1), clearTimeout(t) }), 0) } else lt.isEnabled && lt.request(e); this.__updatePlayerWindow(), this.sendMessage("fullScreen", { fullScreen: !0 }) } catch (e) { console.log("全屏失败：", e) } } setExitFullScreen() { try { let e = this.$el[0].children[0]; this.isIOS() ? WSPlayerJQ.$(e).removeClass("wsplayerfullscreen") : lt.exit(), this.__updatePlayerWindow(), this.sendMessage("fullScreen", { fullScreen: !1 }) } catch (e) { console.log("退出全屏失败：", e) } } close(e, t) { let s = Number(e); if (isNaN(s)) return void (this.playerList && this.playerList.forEach((e => { e.isclosing = !0, e.close(!1, !1, "closed", t) }))); let i = this.playerList[s]; i.isclosing = !0, i && i.close(!1, !1, "closed", t) } destroy() { this.close(void 0, "destroy"), this.resizeObserver.disconnect() } __setPlaySpeed(e, t, s) { let i, r, a = [{ value: .125, label: "0.125x" }, { value: .25, label: "0.25x" }, { value: .5, label: "0.5x" }, { value: 1, label: "1x" }, { value: 1.25, label: "1.25x" }, { value: 1.5, label: "1.5x" }, { value: 2, label: "2x" }, { value: 4, label: "4x" }, { value: 8, label: "8x" }], l = this.playerList[void 0 === t ? this.selectIndex : t]; a.some(((n, o) => { if (n.value === l.speed) return r = "PREV" === e ? o - 1 : "NEXT" === e ? "mobile" === s ? (o + 1) % 9 : o + 1 : o, i = a[r], !i || (r ? r === a.length - 1 ? WSPlayerJQ.$(".ws-record-speed-add", this.$el).css({ cursor: "not-allowed" }) : (WSPlayerJQ.$(".ws-record-speed-sub", this.$el).css({ cursor: "pointer" }), WSPlayerJQ.$(".ws-record-speed-add", this.$el).css({ cursor: "pointer" })) : WSPlayerJQ.$(".ws-record-speed-sub", this.$el).css({ cursor: "not-allowed" }), WSPlayerJQ.$(".ws-record-speed-txt", this.$el).text(i.label), "playing" === l.status && this.playSpeed(i.value, t), !0) })) } __setPlayingTime(e, t, s, i, r, a, l) { if (this.selectIndex === e) { let n = new Date(t, s - 1, i, r, a, l).getTime() / 1e3; this.playerList[e].currentTime = n, this.clickRecordsTimer || this.recordProgressRuler && this.recordProgressRuler.updateProgress({ currentTime: n }) } } showMsgInWindow(e, t, s) { let i = this.playerList[void 0 === e ? this.selectIndex : e]; i ? (i.options = { ...i.options, ...s, channelId: s.id || s.channelId }, i.setStatus("showmsg"), i.showMsgInWindow(t)) : this.sendErrorMessage(601, { method: "showMsgInWindow", arguments: { index: e, msg: t, channelData: s } }) } __updatePlayerWindow() { let e = setTimeout((() => { this.playerList.forEach((e => { e.updateAdapter(this.playerAdapter) })), clearTimeout(e) }), 24); this.__updateTopBarStyle(), this.__renderDefaultStats(), this.__showBottomBarMore() } __renderDefaultStats() { let e = setTimeout((() => { this.playerList.forEach((t => { t.renderDefaultStats(), clearTimeout(e) })) }), 24) } __updateTopBarStyle() { let e = setTimeout((() => { this.playerList.forEach((e => { e.updateTopBarStyle() })), clearTimeout(e) }), 24) } __showBottomBarMore() { let e = setTimeout((() => { this.$el.width() < ("real" === this.type ? 540 : 700) ? WSPlayerJQ.$(".ws-ctrl-ellipsis", this.$el).css({ display: "unset" }) : WSPlayerJQ.$(".ws-ctrl-ellipsis", this.$el).css({ display: "none" }), clearTimeout(e) }), 24) } __startTalk(e, t) { this.talkIndex = t, this.procedure && this.procedure.startTalk(e) } playTalkAudio(e) { let t = this.playerList[e]; if (t.currentWindowPlaying) if ("http:" !== location.protocol) if (this.isTalking && !this.isTalking) this.sendErrorMessage("303"); else if (t.isTalking) t.stopTalk(); else { const { channelData: s } = t.options; if (t.options && "url" === t.options.playType) return void this.sendMessage("notifyTalk", { selectIndex: e, channelData: { ...s }, channelInfo: { ...t.options } }); J(), t.setAuthority({ channelCode: t.options.channelData ? t.options.channelData.channelCode : t.options.channelId, function: "3" }, (() => { this.__startTalk(t.options.channelData, t.index) }), (t => { 1103 === t.code && this.sendErrorMessage(401, { selectIndex: e, channelData: { ...s }, type: "talk" }) })) } else this.sendErrorMessage("305") } talkByUrl(e) { if ("http:" === window.location.protocol) return console.error(T.$t("wsPlayer.error.113")); if ("real" !== this.type) return console.error(T.$t("wsPlayer.error.112")); if (this.__checkWSRTSP(e)) { this.playerList[e.selectIndex].talkByUrl(e) } } stopUrlTalk(e) { this.playerList[e].stopTalk("url") } playRealVideo(e) { let { channelList: t = [], streamType: s = "2", windowIndex: i, showError: r, closeReason: a } = e; this.procedure && this.procedure.playRealVideo(t, s, i, r || !1, a) } playReal(e) { Z.call(this, e) } playRecord(e) { te.call(this, e) } playTalk(e) { ee.call(this, e) } __checkWSRTSP(e) { return e.rtspURL && e.wsURL ? e.rtspURL.startsWith("rtsp://") ? !!e.rtspURL.includes("token=") || (console.error(T.$t("wsPlayer.error.109")), !1) : (console.error(T.$t("wsPlayer.error.110")), !1) : (console.error(T.$t("wsPlayer.error.106")), !1) } realByUrl(e) { if ("real" !== this.type) return console.error(T.$t("wsPlayer.error.112")); e.selectIndex = e.selectIndex || 0, this.selectIndex = e.selectIndex, this.__checkWSRTSP(e) && Z.call(this, { playType: "url", rtspURL: e.rtspURL, wsURL: e.wsURL, channelId: e.channelId, streamType: e.streamType, streamServerIp: e.streamServerIp, playerAdapter: e.playerAdapter, selectIndex: e.selectIndex - 0, channelData: e.channelData || {} }) } changeStreamType(e, t, s, i) { this.procedure && this.procedure.playRealVideo([e], t, s, !1, i) } playRecordVideo(e) { this.procedure && this.procedure.getRecordList(e) } recordByUrl(e) { if ("record" !== this.type) return console.error(T.$t("wsPlayer.error.111")); e.selectIndex = e.selectIndex || 0, this.selectIndex = e.selectIndex, !e.records && (e.records = []), this.__checkWSRTSP(e) && (e.records.length || console.warn(T.$t("wsPlayer.error.107")), e.records = e.records.sort(((e, t) => e.startTime - t.startTime)), te.call(this, { playType: "url", wsURL: e.wsURL, rtspURL: e.rtspURL, records: e.records || [], channelId: e.channelId, startTime: e.startTime || e.records.length && e.records[0].startTime, endTime: e.endTime || e.records.length && e.records[e.records.length - 1].endTime, playerAdapter: e.playerAdapter, selectIndex: e.selectIndex - 0, channelData: e.channelData || {}, recordSource: e.recordSource, playRecordByTime: "boolean" != typeof e.playRecordByTime || e.playRecordByTime, ssId: e.records && e.records[0] && e.records[0].ssId || "" })) } clickRecordTimeLine(e) { let t = this.playerList[this.selectIndex]; this.timeList.some((s => { if (e >= s.startTime && e < s.endTime) { if (t.options.playRecordByTime && t.options.ssId === s.ssId) t.playSDK.SetSeekTime(e - t.options.startTime), this.sendMessage("setSeekTime", { timeStamp: e, channelInfo: t.options, channelData: t.options.channelData, hasVideoRecord: !0 }); else { if ("url" === t.playType) return this.sendMessage("switchStartTime", { timeStamp: e, channelInfo: t.options, channelData: t.options.channelData, hasVideoRecord: !0 }), !0; this.procedure && this.procedure.clickRecordTimeLine(e, s.ssId) } return !0 } })) || ("url" === t.playType && this.sendMessage("switchStartTime", { timeStamp: e, channelInfo: t.options, channelData: t.options.channelData, hasVideoRecord: !1 }), console.warn("所选时间点无录像")) } jumpPlayByTime(e, t) { if ("real" === this.type) return void this.sendErrorMessage(613, { method: "jumpPlayByTime", arguments: { time: e, selectIndex: t } }); let s, i = this.playerList[void 0 === t ? this.selectIndex : t]; if (i) { if (["playing", "pause"].includes(i.status)) { if ("object" == typeof e) return s = e.getTime && e.getTime() / 1e3, void this.clickRecordTimeLine(s); if (e.indexOf && -1 === e.indexOf(":") && (e = Number(e)), "string" == typeof e) { const t = new Date(e); if (isNaN(t.getTime())) { const t = e.split(":"); if (3 === t.length) { const e = parseInt(t[0], 10), i = parseInt(t[1], 10), r = parseInt(t[2], 10); s = new Date(1e3 * this.timeList[0].startTime).setHours(e, i, r, 0) / 1e3 } } else s = t.getTime() / 1e3 } "number" == typeof e && (s = e <= 86400 && e / 1e3 === parseInt(e / 1e3) ? Number(this.timeList[0].startTime) + e : e <= 864e5 ? Number(this.timeList[0].startTime) + e / 1e3 : e.toString().length <= 10 ? e : e / 1e3), this.clickRecordTimeLine(s) } } else this.sendErrorMessage(601, { method: "jumpPlayByTime", arguments: { time: e, selectIndex: t } }) } playNextRecord(e, t) { this.procedure && this.procedure.playNextRecord(e, t) } playNextRecordByFile(e, t) { this.procedure && this.procedure.playNextRecordByFile(e, t) } videoClosed(e, t, s, i, r) { this.sendMessage("closeVideo", { selectIndex: e, changeVideoFlag: t, channelData: s, customDomId: i, closeReason: r }), this.procedure && this.procedure.videoClosed(e, t, s) } sendErrorMessage(e, s = {}) { let i = t.errorInfo[e]; s.insert && (s.insert.forEach(((e, t) => { i = i.replace(`{${t}}`, e) })), delete s.insert), this.sendMessage("errorInfo", { errorCode: e, errorInfo: i, errorData: s }) } dealRTSPError(e, t) { this.sendErrorMessage(e, { res: "rtsp", arguments: { index: t } }) } startLocalRecord(e, t, s, i) { let r = void 0 === i, a = this.playerList[void 0 === e ? this.selectIndex : e]; a ? "playing" === a.status || "pause" === a.status ? a.isRecording ? this.sendErrorMessage(602, { method: "startLocalRecord", arguments: { selectIndex: e, name: t, size: s } }) : (a.isRecording = !0, a.startRecord(t, s, r), WSPlayerJQ.$(".record-icon", a.$el).addClass("recording")) : this.sendErrorMessage(603, { method: "startLocalRecord", arguments: { selectIndex: e, name: t, size: s } }) : this.sendErrorMessage(601, { method: "startLocalRecord", arguments: { selectIndex: e, name: t, size: s } }) } stopLocalRecord(e, t) { let s = this.playerList[void 0 === e ? this.selectIndex : e]; s ? s.isRecording ? s.stopRecord("api") : this.sendErrorMessage(604, { method: "stopLocalRecord", arguments: { selectIndex: e } }) : this.sendErrorMessage(601, { method: "stopLocalRecord", arguments: { selectIndex: e } }) } setLoading(e, t, s, i) { let r = this.playerList[void 0 === e ? this.selectIndex : e]; r ? r.setLoading(t, s, i) : this.sendErrorMessage(601, { method: "setLoading", arguments: { selectIndex: e } }) } setIvs({ showIvs: e, selectIndex: t, ivsType: s = [1, 2] }) { let i = this.playerList[void 0 === t ? this.selectIndex : t]; i ? e ? (WSPlayerJQ.$(".ws-draw-triangle", i.$el).removeClass("off").addClass("on"), WSPlayerJQ.$(".draw-triangle-icon", i.$el).removeClass("off").addClass("on"), N.call(this, e, 100 * this.wsPlayerIndex + t, s)) : (WSPlayerJQ.$(".ws-draw-triangle", i.$el).removeClass("on").addClass("off"), WSPlayerJQ.$(".draw-triangle-icon", i.$el).removeClass("on").addClass("off"), i.playSDK.CloseIVS()) : this.sendErrorMessage(601, { method: "setIvs", arguments: { showIvs: e, selectIndex: t, ivsType: s } }) } initPanTilt(e) { this.panTilt = new qe({ ...e, prefixUrl: this.prefixUrl, locale: T }, this) } setPtzChannel(e) { this.panTilt && this.panTilt.setChannel(e) } stopTalk(e) { this.procedure && this.procedure.stopTalk({ data: e }) } initMobilePanTilt(e) { return new nt({ ...e, locale: T }, this) } initRecordProgress(e) { return new re({ canvasId: e.recordProgressId, records: [], currentTime: y.getToday12Time(), rulerLength: { short: 10, middle: 20, long: 25 }, rulerScale: 2, getCurrentTime: t => { e.getCurrentTime ? e.getCurrentTime(t) : (this.clickRecordsTimer && clearTimeout(this.clickRecordsTimer), this.clickRecordsTimer = setTimeout((() => { clearTimeout(this.clickRecordsTimer), this.clickRecordsTimer = null }), 1500), this.clickRecordTimeLine(t), this.play()) } }) } } __publicField(ot, "version", "1.3.5"), e.WSPlayer = ot, e.default = ot, Object.defineProperties(e, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } }) }));
|