diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index c94cbf1..c7f2a64 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -73,14 +73,14 @@
-
+
-
+
@@ -273,7 +273,7 @@
areaCode: '361024', // 所属区县ID
streetCode: '361024100', // 所属街道ID
communityCode: '1', // 所属社区编码
- communityName: '社区', // 所属社区NAME
+ communityName: '活力大道', // 所属社区NAME
gridId: '361024100001', // 万米网格ID(单元网格)
componentId: '', // 部件ID
casetypesTimeId: '', // 立案标准ID
diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index c94cbf1..c7f2a64 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -73,14 +73,14 @@
-
+
-
+
@@ -273,7 +273,7 @@
areaCode: '361024', // 所属区县ID
streetCode: '361024100', // 所属街道ID
communityCode: '1', // 所属社区编码
- communityName: '社区', // 所属社区NAME
+ communityName: '活力大道', // 所属社区NAME
gridId: '361024100001', // 万米网格ID(单元网格)
componentId: '', // 部件ID
casetypesTimeId: '', // 立案标准ID
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index b4a00ad..6a52ae3 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -93,9 +93,10 @@
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'
import markerShadow from 'leaflet/dist/images/marker-shadow.png'
-const caseIcon = [
- '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
-]
+const videoIcon = L.icon({
+ iconUrl: require('../../assets/global_images/video.png'),
+ iconSize: [40, 40]
+})
export default {
name: 'SupControl',
@@ -114,6 +115,9 @@
return {
map: '',
baselayer: [],
+ videoList: [
+ { name: '活力大道', lng: 116.06393633948393, lat: 27.76348208458991, url: 'ezopen://open.ys7.com/C86485758/1.hd.live' }
+ ],
parts: {
eorc: '2', // 类别
casetypeCode: '', // 部件大类编码,
@@ -181,6 +185,7 @@
mounted() {
this.initMap()
this.switchContent()
+ this.initVideoPoint()
},
methods: {
switchContent: function() {
@@ -457,6 +462,28 @@
'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
{ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
).addTo(map))
+ },
+ // 初始化
+ initVideoPoint: function() {
+ this.videoList.forEach(video => {
+ const vMarker = L.marker([video.lat, video.lng], {
+ icon: videoIcon,
+ target: video
+ }).addTo(this.map)
+
+ vMarker.on('click', function(e) {
+ const videoPlayUrl = e.target.options.target.url
+ const features = 'height=401, width=600, top=100, left=100, toolbar=no, menubar=no, scrollbars=no,resizable=no, location=no, status=no'
+ window.open('/static/ezPlay/demo/monitor.html?url=' + videoPlayUrl, '视频预览', features)
+ })
+ })
+ },
+ handleCloseEZFrame: function() {
+ this.$refs.ezFrame.stopPlay()
+ const that = this
+ setTimeout(function() {
+ that.videoDialogVisible = false
+ }, 500)
}
}
}
diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index c94cbf1..c7f2a64 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -73,14 +73,14 @@
-
+
-
+
@@ -273,7 +273,7 @@
areaCode: '361024', // 所属区县ID
streetCode: '361024100', // 所属街道ID
communityCode: '1', // 所属社区编码
- communityName: '社区', // 所属社区NAME
+ communityName: '活力大道', // 所属社区NAME
gridId: '361024100001', // 万米网格ID(单元网格)
componentId: '', // 部件ID
casetypesTimeId: '', // 立案标准ID
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index b4a00ad..6a52ae3 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -93,9 +93,10 @@
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'
import markerShadow from 'leaflet/dist/images/marker-shadow.png'
-const caseIcon = [
- '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
-]
+const videoIcon = L.icon({
+ iconUrl: require('../../assets/global_images/video.png'),
+ iconSize: [40, 40]
+})
export default {
name: 'SupControl',
@@ -114,6 +115,9 @@
return {
map: '',
baselayer: [],
+ videoList: [
+ { name: '活力大道', lng: 116.06393633948393, lat: 27.76348208458991, url: 'ezopen://open.ys7.com/C86485758/1.hd.live' }
+ ],
parts: {
eorc: '2', // 类别
casetypeCode: '', // 部件大类编码,
@@ -181,6 +185,7 @@
mounted() {
this.initMap()
this.switchContent()
+ this.initVideoPoint()
},
methods: {
switchContent: function() {
@@ -457,6 +462,28 @@
'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
{ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
).addTo(map))
+ },
+ // 初始化
+ initVideoPoint: function() {
+ this.videoList.forEach(video => {
+ const vMarker = L.marker([video.lat, video.lng], {
+ icon: videoIcon,
+ target: video
+ }).addTo(this.map)
+
+ vMarker.on('click', function(e) {
+ const videoPlayUrl = e.target.options.target.url
+ const features = 'height=401, width=600, top=100, left=100, toolbar=no, menubar=no, scrollbars=no,resizable=no, location=no, status=no'
+ window.open('/static/ezPlay/demo/monitor.html?url=' + videoPlayUrl, '视频预览', features)
+ })
+ })
+ },
+ handleCloseEZFrame: function() {
+ this.$refs.ezFrame.stopPlay()
+ const that = this
+ setTimeout(function() {
+ that.videoDialogVisible = false
+ }, 500)
}
}
}
diff --git a/static/ezPlay/demo/monitor.html b/static/ezPlay/demo/monitor.html
new file mode 100644
index 0000000..bc04a93
--- /dev/null
+++ b/static/ezPlay/demo/monitor.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+ 视频播放
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index c94cbf1..c7f2a64 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -73,14 +73,14 @@
-
+
-
+
@@ -273,7 +273,7 @@
areaCode: '361024', // 所属区县ID
streetCode: '361024100', // 所属街道ID
communityCode: '1', // 所属社区编码
- communityName: '社区', // 所属社区NAME
+ communityName: '活力大道', // 所属社区NAME
gridId: '361024100001', // 万米网格ID(单元网格)
componentId: '', // 部件ID
casetypesTimeId: '', // 立案标准ID
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index b4a00ad..6a52ae3 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -93,9 +93,10 @@
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'
import markerShadow from 'leaflet/dist/images/marker-shadow.png'
-const caseIcon = [
- '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
-]
+const videoIcon = L.icon({
+ iconUrl: require('../../assets/global_images/video.png'),
+ iconSize: [40, 40]
+})
export default {
name: 'SupControl',
@@ -114,6 +115,9 @@
return {
map: '',
baselayer: [],
+ videoList: [
+ { name: '活力大道', lng: 116.06393633948393, lat: 27.76348208458991, url: 'ezopen://open.ys7.com/C86485758/1.hd.live' }
+ ],
parts: {
eorc: '2', // 类别
casetypeCode: '', // 部件大类编码,
@@ -181,6 +185,7 @@
mounted() {
this.initMap()
this.switchContent()
+ this.initVideoPoint()
},
methods: {
switchContent: function() {
@@ -457,6 +462,28 @@
'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
{ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
).addTo(map))
+ },
+ // 初始化
+ initVideoPoint: function() {
+ this.videoList.forEach(video => {
+ const vMarker = L.marker([video.lat, video.lng], {
+ icon: videoIcon,
+ target: video
+ }).addTo(this.map)
+
+ vMarker.on('click', function(e) {
+ const videoPlayUrl = e.target.options.target.url
+ const features = 'height=401, width=600, top=100, left=100, toolbar=no, menubar=no, scrollbars=no,resizable=no, location=no, status=no'
+ window.open('/static/ezPlay/demo/monitor.html?url=' + videoPlayUrl, '视频预览', features)
+ })
+ })
+ },
+ handleCloseEZFrame: function() {
+ this.$refs.ezFrame.stopPlay()
+ const that = this
+ setTimeout(function() {
+ that.videoDialogVisible = false
+ }, 500)
}
}
}
diff --git a/static/ezPlay/demo/monitor.html b/static/ezPlay/demo/monitor.html
new file mode 100644
index 0000000..bc04a93
--- /dev/null
+++ b/static/ezPlay/demo/monitor.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+ 视频播放
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/ezPlay/ezuikit.js b/static/ezPlay/ezuikit.js
new file mode 100644
index 0000000..fb0518b
--- /dev/null
+++ b/static/ezPlay/ezuikit.js
@@ -0,0 +1,2080 @@
+/**
+ * jssdk 3.0
+ */
+(function (global, factory) {
+
+ "use strict";
+
+ if (typeof module === "object" && typeof module.exports === "object") {
+ module.exports = global.document ?
+ factory(global, true) :
+ function (w) {
+ if (!w.document) {
+ throw new Error("EZUIPlayer requires a window with a document");
+ }
+ return factory(w);
+ };
+ } else {
+ factory(global);
+ }
+
+ // Pass this if window is not defined yet
+})(typeof window !== "undefined" ? window : this, function (window, noGlobal) {
+
+ /**
+ * @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+ */
+ !function (a, b) { function c(a, b) { var c = a.createElement("p"), d = a.getElementsByTagName("head")[0] || a.documentElement; return c.innerHTML = "x", d.insertBefore(c.lastChild, d.firstChild) } function d() { var a = t.elements; return "string" == typeof a ? a.split(" ") : a } function e(a, b) { var c = t.elements; "string" != typeof c && (c = c.join(" ")), "string" != typeof a && (a = a.join(" ")), t.elements = c + " " + a, j(b) } function f(a) { var b = s[a[q]]; return b || (b = {}, r++, a[q] = r, s[r] = b), b } function g(a, c, d) { if (c || (c = b), l) return c.createElement(a); d || (d = f(c)); var e; return e = d.cache[a] ? d.cache[a].cloneNode() : p.test(a) ? (d.cache[a] = d.createElem(a)).cloneNode() : d.createElem(a), !e.canHaveChildren || o.test(a) || e.tagUrn ? e : d.frag.appendChild(e) } function h(a, c) { if (a || (a = b), l) return a.createDocumentFragment(); c = c || f(a); for (var e = c.frag.cloneNode(), g = 0, h = d(), i = h.length; i > g; g++)e.createElement(h[g]); return e } function i(a, b) { b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()), a.createElement = function (c) { return t.shivMethods ? g(c, a, b) : b.createElem(c) }, a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + d().join().replace(/[\w\-:]+/g, function (a) { return b.createElem(a), b.frag.createElement(a), 'c("' + a + '")' }) + ");return n}")(t, b.frag) } function j(a) { a || (a = b); var d = f(a); return !t.shivCSS || k || d.hasCSS || (d.hasCSS = !!c(a, "article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")), l || i(a, d), a } var k, l, m = "3.7.3", n = a.html5 || {}, o = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i, p = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i, q = "_html5shiv", r = 0, s = {}; !function () { try { var a = b.createElement("a"); a.innerHTML = "", k = "hidden" in a, l = 1 == a.childNodes.length || function () { b.createElement("a"); var a = b.createDocumentFragment(); return "undefined" == typeof a.cloneNode || "undefined" == typeof a.createDocumentFragment || "undefined" == typeof a.createElement }() } catch (c) { k = !0, l = !0 } }(); var t = { elements: n.elements || "abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video", version: m, shivCSS: n.shivCSS !== !1, supportsUnknownElements: l, shivMethods: n.shivMethods !== !1, type: "default", shivDocument: j, createElement: g, createDocumentFragment: h, addElements: e }; a.html5 = t, j(b), "object" == typeof module && module.exports && (module.exports = t) }("undefined" != typeof window ? window : this, document);
+
+ /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+ if ("document" in self) { if (!("classList" in document.createElement("_"))) { (function (j) { "use strict"; if (!("Element" in j)) { return } var a = "classList", f = "prototype", m = j.Element[f], b = Object, k = String[f].trim || function () { return this.replace(/^\s+|\s+$/g, "") }, c = Array[f].indexOf || function (q) { var p = 0, o = this.length; for (; p < o; p++) { if (p in this && this[p] === q) { return p } } return -1 }, n = function (o, p) { this.name = o; this.code = DOMException[o]; this.message = p }, g = function (p, o) { if (o === "") { throw new n("SYNTAX_ERR", "An invalid or illegal string was specified") } if (/\s/.test(o)) { throw new n("INVALID_CHARACTER_ERR", "String contains an invalid character") } return c.call(p, o) }, d = function (s) { var r = k.call(s.getAttribute("class") || ""), q = r ? r.split(/\s+/) : [], p = 0, o = q.length; for (; p < o; p++) { this.push(q[p]) } this._updateClassName = function () { s.setAttribute("class", this.toString()) } }, e = d[f] = [], i = function () { return new d(this) }; n[f] = Error[f]; e.item = function (o) { return this[o] || null }; e.contains = function (o) { o += ""; return g(this, o) !== -1 }; e.add = function () { var s = arguments, r = 0, p = s.length, q, o = false; do { q = s[r] + ""; if (g(this, q) === -1) { this.push(q); o = true } } while (++r < p); if (o) { this._updateClassName() } }; e.remove = function () { var t = arguments, s = 0, p = t.length, r, o = false, q; do { r = t[s] + ""; q = g(this, r); while (q !== -1) { this.splice(q, 1); o = true; q = g(this, r) } } while (++s < p); if (o) { this._updateClassName() } }; e.toggle = function (p, q) { p += ""; var o = this.contains(p), r = o ? q !== true && "remove" : q !== false && "add"; if (r) { this[r](p) } if (q === true || q === false) { return q } else { return !o } }; e.toString = function () { return this.join(" ") }; if (b.defineProperty) { var l = { get: i, enumerable: true, configurable: true }; try { b.defineProperty(m, a, l) } catch (h) { if (h.number === -2146823252) { l.enumerable = false; b.defineProperty(m, a, l) } } } else { if (b[f].__defineGetter__) { m.__defineGetter__(a, i) } } }(self)) } else { (function () { var b = document.createElement("_"); b.classList.add("c1", "c2"); if (!b.classList.contains("c2")) { var c = function (e) { var d = DOMTokenList.prototype[e]; DOMTokenList.prototype[e] = function (h) { var g, f = arguments.length; for (g = 0; g < f; g++) { h = arguments[g]; d.call(this, h) } } }; c("add"); c("remove") } b.classList.toggle("c3", false); if (b.classList.contains("c3")) { var a = DOMTokenList.prototype.toggle; DOMTokenList.prototype.toggle = function (d, e) { if (1 in arguments && !this.contains(d) === !e) { return e } else { return a.call(this, d) } } } b = null }()) } };
+
+
+ Date.prototype.Format = function (fmt) { //author: meizz
+ var o = {
+ "M+": this.getMonth() + 1, //月份
+ "d+": this.getDate(), //日
+ "h+": this.getHours(), //小时
+ "m+": this.getMinutes(), //分
+ "s+": this.getSeconds(), //秒
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+ "S": this.getMilliseconds() //毫秒
+ };
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+ for (var k in o)
+ if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+ return fmt;
+ };
+
+
+ var Domain = 'https://open.ys7.com';
+ var logDomain = 'https://log.ys7.com/statistics.do';
+
+ var jqueryJS = Domain + '/sdk/js/2.0/js/jquery.min.js';
+ var ckplayerJS = Domain + '/sdk/js/2.0/js/ckplayer/ckplayer.js';
+ var ckplayerSWF = Domain + '/sdk/js/2.0/js/ckplayer/ckplayer.swf';
+ var m3u8SWF = Domain + '/sdk/js/2.0/js/ckplayer/m3u8.swf';
+ var flv_js = Domain + '/sdk/js/2.0/js/flv.min.js';
+ var hlsJS = Domain + '/sdk/js/2.0/js/hls.min.js';
+ var mpegJS = Domain + '/sdk/js/2.0/js/jsmpeg.min.js';
+ var wav = Domain + '/sdk/js/2.0/js/wav-audio-encoder.js';
+
+
+ // 当前页面是否是https协议
+ var isHttps = window.location.protocol === 'https:' ? true : false;
+ // 是否为移动端
+ var isMobile = !!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|ios|SymbianOS)/i);
+ var testVideo = document.createElement('video');
+ // 是否支持video标签和addEventListener方法(主要为了区别ie8)
+ var isModernBrowser = !!testVideo.canPlayType && !!window.addEventListener;
+ // 是否能使用video原生播放hls,目前只有safari可以支持原生video播放。
+ var isNativeSupportHls = isModernBrowser && testVideo.canPlayType('application/vnd.apple.mpegURL');
+ // 是否能使用hls.js播放
+ var isSupportHls = false;
+ // 是否使用flash
+ var useFlash = false;
+ // 初始化播放时间
+ var playStartTime = new Date().getTime();
+ // 本地信息上报
+ var LOCALINFO = 'open_netstream_localinfo';
+ // 预览主表上报
+ var PLAY_MAIN = 'open_netstream_play_main';
+ // 日志上报(轻应用独立上报)
+ var LOCALINFO_EZUIKIT = 'open_ezuikit_localinfo';
+ var PERFORMANCE_EZUIKIT = 'open_ezuikit_performance';
+ var appKey = "";
+
+ function dclog(obj) {
+ var domain = window.location.protocol + '//' + window.location.host;
+ var logObj = {
+ Ver: 'v.2.6.5',
+ PlatAddr: domain,
+ ExterVer: 'Ez.2.6.5',
+ OpId: uuid(),
+ CltType: 102,
+ AppId: appKey,
+ StartTime: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'), // 每个日志包含当前的时间
+ OS: navigator.platform
+ }
+ for (var i in obj) {
+ logObj[i] = obj[i];
+ }
+
+ var tempArray = [];
+ for (var j in logObj) {
+ tempArray.push(j + '=' + logObj[j]);
+ }
+ var params = '?' + tempArray.join('&');
+ // 上报一次本地统计信息
+ var img = new Image();
+ img.src = logDomain + params;
+ }
+ // 日志上报-2019-09-10
+ function ezuikitDclog(obj) {
+ var domain = window.location.protocol + '//' + window.location.host;
+ var logObj = {
+ version: 'v.2.6.5',
+ plate_addr: domain,
+ appId: appKey,
+ st: new Date().getTime(), // 每个日志包含当前的时间
+ }
+ for (var i in obj) {
+ logObj[i] = obj[i];
+ }
+
+ var tempArray = [];
+ for (var j in logObj) {
+ tempArray.push(j + '=' + logObj[j]);
+ }
+ var params = '?' + tempArray.join('&');
+ // 上报一次本地统计信息
+ var img = new Image();
+ img.src = logDomain + params;
+ }
+
+ var RTMP_REG = /^rtmp/;
+ var HLS_REG = /\.m3u8/;
+
+ // 获取元素样式
+ function getStyle(el) {
+ return window.getComputedStyle
+ ? window.getComputedStyle(el, null)
+ : el.currentStyle;
+ }
+
+ // 加载js
+ function addJs(filepath, callback) {
+ var oJs = document.createElement("script");
+ oJs.setAttribute("src", filepath);
+ oJs.onload = callback;
+ document.getElementsByTagName("head")[0].appendChild(oJs);
+ }
+ // 通用请求方法
+ function request(url, method, params, header, success, error) {
+ var _url = url;
+ var http_request = new XMLHttpRequest();
+ http_request.onreadystatechange = function () {
+ if (http_request.readyState == 4) {
+ if (http_request.status == 200) {
+ if (isJSON(http_request.responseText)) {
+ var _data = JSON.parse(http_request.responseText);
+ success(_data);
+ } else {
+ success(http_request.responseText)
+ }
+ }
+ }
+ };
+ http_request.open(method, _url, true);
+ // http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+ var data = new FormData();
+ for (var i in params) {
+ data.append(i, params[i]);
+ }
+ http_request.send(data);
+ };
+ /** 获取url参数 */
+ function getQueryString(name, url) { var r = new RegExp("(\\?|#|&)" + name + "=(.*?)(#|&|$)"); var m = (url || location.href).match(r); return decodeURIComponent(m ? m[2] : ''); }
+ /** 判断是否为promise对象 */
+ function isPromise(obj) { return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function'; }
+ /** 生成uuid */
+ function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) }; s[14] = "4"; s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); s[8] = s[13] = s[18] = s[23] = "-"; var uuid = s.join(""); return uuid; }
+ /**获取浏览器名称,版本 */
+ function getBrowserInfo() { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); try { Sys.browser = m[1].replace(/version/, "'safari"); Sys.ver = m[2]; } catch (e) { console.log("getBrowserInfo fail.") } return Sys; }
+ /** 是否为JSON格式字符串 */
+ function isJSON(str) { if (typeof str == 'string') { try { var obj = JSON.parse(str); if (typeof obj == 'object' && obj) { return true; } else { return false; } } catch (e) { return false; } } console.log('It is not a string!') }
+ /** insertAfter */
+ function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement, targetElement.nextSibling); } }
+
+
+
+ var EZUIPlayer = function (playParams) {
+ if (!isModernBrowser) {
+ throw new Error('不支持ie8等低版本浏览器');
+ return;
+ }
+ /**定义播放配置项 */
+ this.opt = {};
+ this.opt.sources = [];
+ this.handlers = {};
+
+ // 修订 - 支持JS Decoder 允许非字符串配置项
+ if (typeof playParams === 'object' && playParams.hasOwnProperty('decoderPath')) {
+ if (typeof playParams.audioId === 'undefined') {
+ playParams["audioId"] = 0;
+ }
+ this.playParams = playParams;
+ /* 校验播放器配置参数合法性 */
+ var oS = document.createElement('style');
+ document.getElementsByTagName("head")[0].appendChild(oS);
+ oS.innerHTML = '.draw-window {border: none!important}';
+ // 解码器路径
+ if (typeof playParams.decoderPath !== 'string' || typeof playParams.decoderPath === 'undefined') {
+ throw new Error('EZUIDecoder requires the path of decoder');
+ return;
+ }
+ // Id
+ if (typeof playParams.id !== 'string' || typeof playParams.id === 'undefined') {
+ throw new Error('EZUIDecoder requires parameter id');
+ return;
+ }
+ if (typeof playParams.url !== 'string' || typeof playParams.url === 'undefined') {
+ throw new Error('EZUIDecoder requires parameter url');
+ return;
+ }
+ // 状态提示
+ this.loadingStart = function () {
+ var oS = document.createElement('style');
+ document.getElementsByTagName("head")[0].appendChild(oS);
+ oS.innerHTML = '@keyframes antRotate {to {transform: rotate(400deg);transform-origin:50% 50%;}} .loading {display: inline-block;z-index: 1000;-webkit-animation: antRotate 1s infinite linear;animation: antRotate 1s infinite linear;}';
+ if (playParams && playParams.id) {
+ var domId = playParams.id;
+ var domElement = document.getElementById(domId);
+ var windowWidth = domElement.offsetWidth;
+ var windowHeight = domElement.offsetHeight || playParams.height || 400;
+ var offsetTop = domElement.offsetTop;
+ var offsetLeft = domElement.offsetLeft;
+ // 先执行清空loading
+ if (document.getElementById('loading-id-0')) {
+ document.getElementById('loading-id-0').parentNode.removeChild(document.getElementById('loading-id-0'))
+ }
+ var loadingContainerDOM = document.createElement('div');
+ loadingContainerDOM.setAttribute('id', 'loading-id-0');
+ var style = 'position:absolute;outline:none;'
+ style += 'width: 0px;'
+ style += 'height: 0px;'
+ style += 'top:' + offsetTop + 'px;'
+ style += 'left:' + offsetLeft + 'px;'
+
+ loadingContainerDOM.setAttribute('style', style);
+ var loadingContainer = document.getElementById("loading-id-0");
+ loadingContainerDOM.style.height = windowHeight;
+
+ loadingContainerDOM.setAttribute('class', 'loading-container');
+ // loadingContainerDOM.innerHTML= loading;
+
+
+ insertAfter(loadingContainerDOM, domElement);
+
+ var splitBasis = playParams.splitBasis || 1;
+ var windowLength = playParams.url.split(",").length;
+ for (var i = 0; i < windowLength; i++) {
+ var loadingContainer = document.createElement('div');
+ var loadingStatusDOM = document.createElement('div');
+ loadingContainer.setAttribute('class', 'loading-item');
+ loadingContainer.setAttribute('id', 'loading-item-' + i);
+ //loadingContainer.setAttribute('style','display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:'+(windowWidth / splitBasis)+'px;height:'+(windowHeight /splitBasis )+'px;outline:none;vertical-align: top;position:absolute');
+ var style = 'display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:' + (windowWidth / splitBasis) + 'px;height:' + (windowHeight / splitBasis) + 'px;outline:none;vertical-align: top;position:absolute;';
+ style += ('left:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).left + 'px;');
+ style += ('top:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).top + 'px;');
+ loadingContainer.setAttribute('style', style);
+ function calLoadingPostion(windowHeight, windowWidth, splitBasis, i) {
+ var top = parseInt(i / splitBasis, 10) * (windowHeight / splitBasis);
+ var left = (i % splitBasis) * (windowWidth / splitBasis);
+ return {
+ top: top,
+ left: left
+ }
+ }
+ var loadingDOM = document.createElement('div');
+ loadingStatusDOM.innerHTML = "";
+ loadingStatusDOM.style.color = "#fff";
+ loadingDOM.setAttribute('class', 'loading');
+ var loading = '';
+ if (playParams.loading && playParams.loading.svg) {
+ loading = playParams.loading.svg;
+ }
+ loadingDOM.innerHTML = loading;
+ loadingContainer.appendChild(loadingDOM);
+ // loadingContainer.appendChild(loading);
+ loadingContainer.appendChild(loadingStatusDOM);
+ loadingContainerDOM.appendChild(loadingContainer)
+ }
+ }
+
+ }
+ this.loadingSet = function (index, opt) {
+ var loadingContainer = document.getElementById('loading-id-0');
+ if (document.getElementById('loading-item-' + index)) {
+ var textElement = document.getElementById('loading-item-' + index).childNodes[1];
+ textElement.innerHTML = opt.text;
+ if (opt.color) {
+ textElement.style.color = opt.color;
+ }
+ }
+ }
+ this.loadingSetIcon = function (i, type) {
+ var _this = this;
+ if (playParams && playParams.id) {
+ var domId = playParams.id;
+ var domElement = document.getElementById(domId);
+ var windowWidth = domElement.offsetWidth;
+ var windowHeight = domElement.offsetHeight || playParams.height || 400;
+ var offsetTop = domElement.offsetTop;
+ var offsetLeft = domElement.offsetLeft;
+ // 先执行清空loading
+ if (document.getElementById('loading-id-0')) {
+ document.getElementById('loading-id-0').parentNode.removeChild(document.getElementById('loading-id-0'))
+ }
+ var loadingContainerDOM = document.createElement('div');
+ loadingContainerDOM.setAttribute('id', 'loading-id-0');
+ var style = 'position:absolute;outline:none;'
+ style += 'width: 0px;'
+ style += 'height: 0px;'
+ style += 'top:' + offsetTop + 'px;'
+ style += 'left:' + offsetLeft + 'px;'
+
+ loadingContainerDOM.setAttribute('style', style);
+ var loadingContainer = document.getElementById("loading-id-0");
+ loadingContainerDOM.style.height = windowHeight;
+
+ loadingContainerDOM.setAttribute('class', 'loading-container');
+ insertAfter(loadingContainerDOM, domElement);
+
+ var splitBasis = playParams.splitBasis || 1;
+ var windowLength = playParams.url.split(",").length;
+ var loadingContainer = document.createElement('div');
+ var loadingStatusDOM = document.createElement('div');
+ loadingContainer.setAttribute('class', 'loading-item');
+ loadingContainer.setAttribute('id', 'loading-item-' + i);
+ //loadingContainer.setAttribute('style','display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:'+(windowWidth / splitBasis)+'px;height:'+(windowHeight /splitBasis )+'px;outline:none;vertical-align: top;position:absolute');
+ var style = 'display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:' + (windowWidth / splitBasis) + 'px;height:' + (windowHeight / splitBasis) + 'px;outline:none;vertical-align: top;position:absolute;';
+ style += ('left:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).left + 'px;');
+ style += ('top:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).top + 'px;');
+ loadingContainer.setAttribute('style', style);
+ function calLoadingPostion(windowHeight, windowWidth, splitBasis, i) {
+ var top = parseInt(i / splitBasis, 10) * (windowHeight / splitBasis);
+ var left = (i % splitBasis) * (windowWidth / splitBasis);
+ return {
+ top: top,
+ left: left
+ }
+ }
+ var loadingDOM = document.createElement('div');
+ loadingStatusDOM.innerHTML = "";
+ loadingStatusDOM.style.color = "#fff";
+ loadingDOM.setAttribute('class', type);
+ var icon = '';
+ switch (type) {
+ case 'retry':
+ icon = '';
+ loadingDOM.style.cursor = 'pointer';
+ loadingDOM.onclick = function () {
+ console.log("点击重试", i);
+ // _this.loadingStart();
+ _this.play(i);
+ }
+ break;
+ }
+
+ loadingDOM.innerHTML = icon;
+ loadingContainer.appendChild(loadingDOM);
+ loadingContainer.appendChild(loadingStatusDOM);
+ loadingContainerDOM.appendChild(loadingContainer)
+
+ }
+ }
+ this.loadingEnd = function (index) {
+ var loadingItemContainerDOM = document.getElementById('loading-item-' + index);
+ if (loadingItemContainerDOM) {
+ loadingItemContainerDOM.parentNode.removeChild(loadingItemContainerDOM);
+ var loadingContainerDOM = document.getElementById('loading-id-0');
+ if (loadingContainerDOM && loadingContainerDOM.children.length === 0) {
+ loadingContainerDOM.parentNode.removeChild(loadingContainerDOM);
+ }
+ }
+ }
+ // 将播放地址配置在实例 opt 属性中
+ this.opt.sources.push(playParams.url);
+ // JSDecoder 只有一个播放地址
+ this.opt.currentSource = this.opt.sources[0];
+
+ /* 获取解码器用户配置项 - 开始 */
+ /**
+ * 调试模式配置
+ * 可通过dev属性指定API服务域名
+ */
+ var domain = "https://open.ys7.com";
+ if (playParams.env) {
+ var environmentParams = playParams.env;
+ domain = environmentParams.domain;
+ }
+
+ /** 创建jSPlugin 对象 */
+ this.jSPlugin = {};
+ var _this = this;
+ /** 根据播放参数获取真实播放地址 */
+ this.loadingStart();
+ playStartTime = new Date().getTime();
+ // var getRealUrl = this.getRealUrl(playParams);
+ var initDecoder = this.initDecoder(playParams);
+ // 初始化播放器
+ _this.loadingSet(0, { text: '初始化播放器...' });
+ if(playParams.autoplay){
+ _this.play()
+ }
+ if (isPromise(initDecoder)) {
+ initDecoder.then(function (data) {
+ _this.loadingSet(0, { text: '初始化完成' });
+ // setTimeout(function () {
+ // _this.play(playParams);
+ // }, 100)
+ // var getRealUrl = _this.getRealUrl(playParams);
+ // getRealUrl.then(function (data) {
+ // _this.play(playParams);
+ // })
+ })
+ }
+ // debugger
+ /**是否自动播放 */
+ // if (isPromise(getRealUrl)) {
+ // getRealUrl.then(function (data) {
+ // var initDecoder = _this.initDecoder(playParams);
+ // // 初始化播放器
+ // _this.loadingSet(0, { text: '初始化播放器...' });
+ // if (isPromise(initDecoder)) {
+ // initDecoder.then(function (data) {
+ // _this.loadingSet(0, { text: '初始化完成' });
+ // setTimeout(function () {
+ // _this.play(playParams);
+ // }, 1500)
+ // })
+ // }
+ // })
+ // }
+ } else {
+ var domain = "https://open.ys7.com";
+ var elementID = '';
+ if (typeof playParams === 'string') { //缩写模式 new EZUIPlayer('myplayer')
+ elementID = playParams;
+ } else if (typeof playParams === 'object') { //标准模式 new EZUIPlayer({id: 'myplayer'})
+ elementID = playParams.id;
+ }
+ this.videoId = elementID;
+ this.video = document.getElementById(elementID);
+ if (!this.video) {
+ throw new Error('EZUIPlayer requires parameter videoId');
+ }
+ var sources = this.video.getElementsByTagName('source');
+ // 转为数组对象,不受removeChild影响
+ sources = Array.prototype.slice.call(sources, 0);
+
+ if (this.video.src) {
+ // 移动端删除rtmp地址
+ if (isMobile && RTMP_REG.test(this.video.src)) {
+ this.video.removeAttribute('src');
+ this.video.load();
+ } else {
+ this.opt.sources.push(this.video.src);
+ }
+ }
+
+ var l = sources.length;
+ if (l > 0) {
+ for (var i = 0; i < l; i++) {
+ // 移动端删除rtmp地址
+ if (isMobile && RTMP_REG.test(sources[i].src)) {
+ this.video.removeChild(sources[i]);
+ } else {
+ this.opt.sources.push(sources[i].src);
+ }
+ }
+ }
+ if (this.opt.sources.length < 1) {
+ throw new Error('no source found in video tag.');
+ }
+ this.opt.cur = 0;
+ this.opt.poster = this.video.poster;
+ var videoStyle = getStyle(this.video);
+ var width = this.video.width;
+ var height = this.video.height;
+ if (width) {
+ this.opt.width = width;
+ if (height) {
+ this.opt.height = height;
+ } else {
+ this.opt.height = 'auto';
+ }
+ this.log('video width:' + this.opt.width + ' height:' + this.opt.height);
+ } else {
+ this.opt.width = videoStyle.width;
+ this.opt.height = videoStyle.height;
+ this.log('videoStyle.width:' + videoStyle.width + ' wideoStyle.height:' + videoStyle.height);
+ }
+ this.opt.parentId = elementID;
+ this.opt.autoplay = this.video.autoplay ? true : false;
+ this.log('autoplay:' + this.video.autoplay);
+
+ this.opt.currentSource = this.opt.sources[this.opt.cur];
+ this.getRealUrl(playParams);
+ }
+
+ /* 创建播放,错误,停止事件钩子,上报用户行为 */
+ this.handlers = {};
+ this.initTime = (new Date()).getTime();
+ this.on('play', function () {
+ // 上报播放成功信息
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: this.opt.currentSource,
+ Time: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'),
+ Enc: 0, // 0 不加密 1 加密
+ PlTp: 1, // 1 直播 2 回放
+ Via: 911, // 2 私有流 911 标准流
+ ErrCd: 0,
+ OpId: uuid(),
+ Cost: (new Date()).getTime() - this.initTime // 毫秒数
+ });
+ });
+ this.retry = 2;
+ this.on('error', function () {
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: this.opt.currentSource,
+ cost: -1,
+ ErrCd: -1,
+ Via: 911, // 2 私有流 911 标准流
+ OpId: uuid(),
+ });
+ });
+ var appInfoSuccess = function (data) {
+ if (data.retcode === 0 && data.data) {
+ appKey = data.data.appKey;
+ }
+ // 上报一次本地信息
+ dclog({
+ systemName: LOCALINFO,
+ });
+ // 上报一次本地信息-新
+ ezuikitDclog({
+ systemName: LOCALINFO_EZUIKIT,
+ os: navigator.platform,
+ browser: JSON.stringify(getBrowserInfo()),
+ })
+ }
+ var appInfoError = function (error) {
+ // 上报一次本地信息
+ dclog({
+ systemName: LOCALINFO
+ });
+ // 上报一次本地信息-新
+ ezuikitDclog({
+ systemName: LOCALINFO_EZUIKIT,
+ os: navigator.platform,
+ browser: JSON.stringify(getBrowserInfo()),
+ })
+ }
+ var deviceSerial = '';
+ var playUid = '';
+ var accessToken = '';
+ var uuidReg = /[a-z0-9]{32}/;
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ if (typeof playParams === 'string') {
+ var url = this.opt.currentSource;
+ if (uuidReg.test(url)) {
+ playUid = url.match(uuidReg)[0];
+ } else if (deviceSerialReg.test(url)) {
+ deviceSerial = url.match(deviceSerialReg)[0].split('/')[0];
+ }
+ } else if (typeof playParams === 'object') {
+ var url = playParams.url;
+ if (uuidReg.test(url)) {
+ playUid = url.match(uuidReg);
+ } else if (deviceSerialReg.test(url)) {
+ deviceSerial = url.match(deviceSerialReg)[0].split('/')[0];
+ }
+ if (playParams.accessToken) {
+ accessToken = playParams.accessToken;
+ }
+ }
+ // 获取appKey
+ request(domain + '/jssdk/ezopen/getAppInfo?uuid=' + playUid + '&accessToken=' + accessToken + "&deviceSerial=" + deviceSerial + "&channelNo=1",
+ 'GET',
+ '',
+ '',
+ appInfoSuccess,
+ appInfoError
+ );
+ };
+
+ // 事件监听
+ EZUIPlayer.prototype.on = function (eventName, callback) {
+ if (typeof eventName !== 'string' || typeof callback !== 'function') {
+ return;
+ }
+ if (typeof this.handlers[eventName] === 'undefined') {
+ this.handlers[eventName] = [];
+ }
+ this.handlers[eventName].push(callback);
+ };
+
+ // 事件触发
+ EZUIPlayer.prototype.emit = function () {
+ if (this.handlers[arguments[0]] instanceof Array) {
+ var handlers = this.handlers[arguments[0]];
+ var l = handlers.length;
+ for (var i = 0; i < l; i++) {
+ handlers[i].apply(this, Array.prototype.slice.call(arguments, 1));
+ }
+ }
+ };
+ // 日志
+ EZUIPlayer.prototype.log = function (msg, className) {
+ this.emit('log', msg, className);
+ };
+
+ EZUIPlayer.prototype.getRealUrl = function (playParams) {
+ var _this = this;
+ var apiDomain = 'https://open.ys7.com';
+ if (playParams && playParams.env) {
+ apiDomain = playParams.env.domain;
+ }
+ /** jsDecoder 获取真实地址 -- 开始 */
+ if (playParams && playParams.hasOwnProperty('decoderPath')) {
+ if (playParams && playParams.hasOwnProperty('userName') && playParams.hasOwnProperty('password')) {
+ // var cryJS = '/js/cryptico.min.js';
+
+ // addJs(cryJS, function () { })
+
+
+ console.log("开始播放局域网");
+
+ getRealUrlPromise = function (resolve, reject, ezopenURL) {
+ // var realUrl = 'ws://10.11.36.57:7681/101?sessionID=64faad6d7e2ac432a623404914ecc9997ea8533cd1f71e6e72548104b1d7279f';
+ // resolve(realUrl);
+
+ var realUrl = '';
+ // 向API请求真实地址
+ var apiUrl = apiDomain + "/api/lapp/v2/live/laninfo/get";
+ var apiSuccess = function (data) {
+ if (data.code == 200 || data.retcode == 0) {
+ //realUrl += 'ws://' + data.data.localIp + ':' + data.data.wssLocalPort + '10' + (playParams.url.indexOf('hd') === -1 ? '2' : '1');
+ //test -start
+ data.data.localIp = '10.11.51.53';
+ apiDomain = 'http://y.ys7.com:3100';
+ // test-end
+ realUrl += 'ws://' + data.data.localIp + ':' + data.data.wssLocalPort + '/' + '10' + (playParams.url.indexOf('hd') === -1 ? '2' : '1');
+ // 执行设备授权
+ capabilitiesUrl = apiDomain + "/jssdk/ezopen/sessionLogin/capabilities?ip=" + data.data.localIp + "&username=" + playParams.userName
+ var capabilitiesSuccess = function (xmlDoc, textStatus, xhr) {
+ console.log("xmlDoc", xmlDoc, xmlDoc.split(''))
+ var userName = playParams.userName;
+ var password = playParams.password;
+ var sessionIDReg = /(.*)<\/sessionID>/i;
+ var challengeReg = /(.*)<\/challenge>/i;
+ var iterationsReg = /(.*)<\/iterations>/i;
+ var isIrreversibleReg = /(.*)<\/isIrreversible>/i;
+ var saltReg = /(.*)<\/salt>/i;
+
+ var sessionID = sessionIDReg.exec(xmlDoc)[1];
+ var challenge = challengeReg.exec(xmlDoc)[1];
+ var iterations = iterationsReg.exec(xmlDoc)[1];
+ var isIrreversible = isIrreversibleReg.exec(xmlDoc)[1] == 'true';
+ var salt = saltReg.exec(xmlDoc)[1];
+ console.log(sessionID, challenge, iterations, isIrreversible, salt)
+
+ var szEncryptedPwd = '';
+ if (!isIrreversible) {
+ szEncryptedPwd = SHA256(password) + challenge;
+ for (var i = 1; i < iterations; i++) {
+ szEncryptedPwd = SHA256(szEncryptedPwd);
+ }
+ } else {
+ szEncryptedPwd = SHA256(userName + salt + password);
+ szEncryptedPwd = SHA256(szEncryptedPwd + challenge);
+ for (var i = 2; i < iterations; i++) {
+ szEncryptedPwd = SHA256(szEncryptedPwd);
+ }
+ }
+ console.log("szEncryptedPwd", szEncryptedPwd)
+ // // session登录
+ // var loginUrl = 'http://y.ys7.com:3100/jssdk/ezopen/sessionLogin?ip=' + '10.11.36.57' + '&encryptedPwd=' + szEncryptedPwd + '&sessionID=' + sessionID;
+ // var loginSuccess = function (data) {
+ // // debugger;
+ // }
+ // var loginError = function (err) {
+ // }
+ // // debugger
+ // request(loginUrl, 'GET', null, '', loginSuccess, loginError);
+ $.ajax({
+ url: apiDomain + '/jssdk/ezopen/sessionLogin',
+ type: "post",
+ data: {
+ ip: data.data.localIp,
+ authXml: "" + playParams.userName + "" + szEncryptedPwd + "" + sessionID + "\r\n\tfalse\r\n\t2\r\n",
+ },
+ success: function (data) {
+ console.log("data", data);
+ szWebsocketSessionID = data.WebSession.split("=")[1].split(";")[0];
+ realUrl += '?sessionID=' + szWebsocketSessionID;
+ resolve(realUrl);
+ },
+ error: function (xhr, textStatus, errorThrown) {
+ alert("error");
+ }
+ })
+
+ }
+
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ var deviceSerial = playParams.url.match(deviceSerialReg)[0].split('/')[0];
+
+ var capabilitiesError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(error);
+ }
+ }
+ request(capabilitiesUrl, 'GET', {}, '', capabilitiesSuccess, capabilitiesError);
+
+ }
+ }
+
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ var deviceSerial = playParams.url.match(deviceSerialReg)[0].split('/')[0];
+ var apiParams = {
+ deviceSerial: deviceSerial,
+ accessToken: playParams.accessToken,
+ }
+ var apiError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(error);
+ }
+ }
+ request(apiUrl, 'POST', apiParams, '', apiSuccess, apiError);
+
+ }
+ var urlList = playParams.url.split(',')
+ var promiseTaskList = [];
+ var promiseTaskFun = function (ezopenURL) {
+ return new Promise(function (resolve, reject) { return getRealUrlPromise(resolve, reject, ezopenURL) })
+ };
+ urlList.map(function (item, index) {
+ _this.loadingSet(index, { text: '获取设备播放地址' })
+ promiseTaskList.push(promiseTaskFun(item));
+ });
+ var getRealUrlPromiseObj = Promise.all(promiseTaskList)
+ .then(function (result) {
+ // debugger
+ // 获取真实地址成功后,赋值到opt属性中
+ _this.opt.sources = result;
+ _this.opt.currentSource = result[0];
+ result.forEach(function (item, index) {
+ _this.loadingSet(index, { text: '获取播放地址成功' })
+ })
+ })
+ .catch(function (err) {
+ // debugger
+ _this.log("获取真实地址错误" + JSON.stringify(err), 'error')
+ })
+ return getRealUrlPromiseObj;
+
+ } else {
+ // api 获取真实地址开始时间
+ var getRealUrlDurationST = new Date().getTime();
+ var getRealUrlPromise = function (resolve, reject, ezopenURL) {
+ var realUrl = '';
+ if (!/^ezopen:\/\//.test(ezopenURL)) { // JSDecoder ws协议播放
+ resolve(ezopenURL);
+ } else {
+ // var getPlayTokenST = new Date().getTime();
+ // var nodeUrl = apiDomain + "/jssdk/ezopen/getStreamToken?accessToken=" + playParams.accessToken + '&num=10&type=' + (playParams.url.indexOf('live') !== -1 ? 'live' : 'playback');
+ // var nodeSuccess = function (data) {
+ // if (data.retcode === 0) {
+ // realUrl = realUrl + data.data.params + '&ssn=' + data.data.tokens[0];
+ // // _this.opt.currentSource = realUrl;
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: 200,
+ // })
+ // resolve(realUrl);
+ // } else {
+ // // 将错误信息捕获到用户自定义错误回调中
+ // if (playParams && playParams.handleError) {
+ // playParams.handleError(data);
+ // }
+ // // 错误信息显示在状态中
+ // if (data.msg) {
+ // _this.loadingSet(0, { text: data.msg, color: 'red' });
+ // }
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: data.retcode,
+ // msg: data.msg,
+ // })
+ // resolve(JSON.stringify(data));
+ // throw new Error('获取播放token失败');
+ // }
+ // }
+ // var nodeError = function (error) {
+ // // 将错误信息捕获到用户自定义错误回调中
+ // if (playParams && playParams.handleError) {
+ // playParams.handleError(error);
+ // }
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: 500,
+ // msg: '获取取流token网络错误',
+ // })
+ // resolve(JSON.stringify(error))
+ // throw new Error('获取播放token失败', 'error');
+ // }
+ // 向API请求真实地址
+ var apiUrl = apiDomain + "/api/lapp/live/url/ezopen";
+ var apiSuccess = function (data) {
+ if (data.code == 200 || data.retcode == 0) {
+ realUrl += data.data;
+ if(data.ext && data.ext.token){
+ stream = data.ext.token;
+ var type= playParams.url.indexOf('live') !== -1 ? 'live' : 'playback';
+ if(type === 'live'){
+ realUrl = realUrl + '&auth=1&biz=4&cln=100' + '&ssn=' + stream;
+ }else {
+ realUrl = realUrl + '&auth=1&cln=100' + '&ssn=' + stream;
+ }
+ console.log(realUrl)
+ }
+
+ /**参数容错处理 start*/
+ if (data.data.indexOf('playback') !== -1) { //回放
+ var wsBegin = getQueryString('begin', data.data) || getQueryString('begin', playParams.url);
+ var wsEnd = getQueryString('end', data.data) || getQueryString('end', playParams.url);
+ // 兼容各种时间格式
+ if (!wsBegin) {
+ var defaultDate = new Date();
+ realUrl = realUrl + '&begin=' + defaultDate.Format('yyyyMMdd') + 'T000000Z';
+ } else {
+ realUrl = realUrl.replace('&begin=' + getQueryString('begin', data.data), '&begin=' + formatRecTime(wsBegin, '000000'))
+ if(!getQueryString('begin',realUrl)){
+ realUrl += '&begin=' + formatRecTime(wsBegin, '000000');
+ }
+ }
+ if (!wsEnd) {
+ var defaultDate = new Date();
+ realUrl = realUrl + '&end=' + defaultDate.Format('yyyyMMdd') + 'T235959Z';
+ } else {
+ realUrl = realUrl.replace('&end=' + getQueryString('end', data.data), '&end=' + formatRecTime(wsEnd, '235959'))
+ if(!getQueryString('end',realUrl)){
+ realUrl += '&end=' + formatRecTime(wsEnd, '235959');
+ }
+ }
+ // api错误处理
+ if (!getQueryString('stream', data.data)) {
+ realUrl = realUrl.replace('stream', '&stream');
+ }
+ if (playParams.url.indexOf('.cloud') !== -1) {
+ // 调用回放API接口获取回放片段 - start
+ var recBegin = reRormatRecTime(getQueryString('begin', realUrl));
+ var recEnd = reRormatRecTime(getQueryString('end', realUrl));
+ var deviceSerial = getQueryString('serial', realUrl)
+ var channelNo = getQueryString('chn', realUrl);
+
+ var recSliceUrl = apiDomain + "/api/lapp/video/by/time";
+ var recSliceParams = {
+ accessToken: playParams.accessToken,
+ recType: 1,
+ deviceSerial: deviceSerial,
+ channelNo: channelNo,
+ startTime: recBegin,
+ endTime: recEnd
+ }
+ function recAPISuccess(data) {
+ if (data.code == 200) {
+ var recSliceArr = [];
+ if (data.data && data.data.length > 0) {
+ recSliceArr = recSliceArrFun(data.data);
+ var recSliceArrJSON = JSON.stringify(recSliceArr).replace('\\', '');
+ realUrl += ('&recSlice=' + recSliceArrJSON.replace('\\', ''));
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ } else {
+ _this.log('未找到录像片段', 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' })
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ // reject('未找到录像片段');
+ }
+ } else {
+ _this.log(data.msg, 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' });
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ //reject('未找到录像片段');
+ }
+ function recSliceArrFun(data) {
+ var downloadPathArr = [];
+ var currentDP = downloadPathArr.length
+ data.forEach(function (item, index) {
+ if (downloadPathArr.length == 0 || (item.downloadPath !== downloadPathArr[downloadPathArr.length - 1].downloadPath)) {
+ downloadPathArr.push({
+ downloadPath: item.downloadPath,
+ ownerId: item.ownerId,
+ iStorageVersion: item.iStorageVersion,
+ videoType: item.videoType,
+ iPlaySpeed: 0,
+ startTime: item.startTime,
+ endTime: item.endTime
+ })
+ } else {
+ downloadPathArr[downloadPathArr.length - 1].endTime = item.endTime;
+ }
+ })
+ return downloadPathArr;
+ }
+ }
+ function recAPIError(err) {
+ console.log("获取回放片段错误")
+ }
+ request(recSliceUrl, 'POST', recSliceParams, '', recAPISuccess, recAPIError);
+
+ } else {// 本地回放
+ //alarm rec - start
+ if (playParams.url.indexOf('alarmId') !== -1) {
+ console.log("进入alarmId回放")
+ // 调用回放API接口获取回放片段 - start
+ var alarmId = getQueryString('alarmId', realUrl)
+ var recBegin = reRormatRecTime(getQueryString('begin', realUrl));
+ var recEnd = reRormatRecTime(getQueryString('end', realUrl));
+ var deviceSerial = getQueryString('serial', realUrl)
+ var channelNo = getQueryString('chn', realUrl);
+
+ var recSliceUrl = apiDomain + "/api/lapp/video/by/id";
+ var recSliceParams = {
+ accessToken: playParams.accessToken,
+ // recType: 1,
+ deviceSerial: deviceSerial,
+ channelNo: channelNo,
+ alarmId: alarmId,
+ // startTime:recBegin,
+ // endTime:recEnd
+ }
+ function recAPISuccess(data) {
+ if (data.code == 200) {
+ var recSliceArr = [];
+ if (data.data) {
+ recSliceArr = recSliceArrFun([data.data]);
+ var recSliceArrJSON = JSON.stringify(recSliceArr).replace('\\', '');
+ realUrl += ('&recSlice=' + recSliceArrJSON.replace('\\', ''));
+ console.log("realUrl", realUrl, data.data.recType);
+ if (data.data.recType == 1) {
+ realUrl = realUrl.replace('/playback', '/cloudplayback')
+ } else {
+ realUrl = realUrl.replace('/cloudplayback', '/playback')
+
+ }
+ _this.opt.sources[0] = realUrl;
+ resolve(realUrl);
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ } else {
+ _this.log('未找到录像片段', 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' })
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ // reject('未找到录像片段');
+ }
+ } else {
+ _this.log(data.msg, 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' });
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ //reject('未找到录像片段');
+ }
+ function recSliceArrFun(data) {
+ var downloadPathArr = [];
+ var currentDP = downloadPathArr.length
+ data.forEach(function (item, index) {
+ if (downloadPathArr.length == 0 || (item.downloadPath !== downloadPathArr[downloadPathArr.length - 1].downloadPath)) {
+ downloadPathArr.push({
+ downloadPath: item.downloadPath,
+ ownerId: item.ownerId,
+ iStorageVersion: item.iStorageVersion,
+ videoType: item.videoType,
+ iPlaySpeed: 0,
+ startTime: item.startTime,
+ endTime: item.endTime
+ })
+ } else {
+ downloadPathArr[downloadPathArr.length - 1].endTime = item.endTime;
+ }
+ })
+ console.log("downloadPathArr", downloadPathArr)
+ return downloadPathArr;
+ }
+ }
+ function recAPIError(err) {
+ console.log("获取回放片段错误")
+ }
+ request(recSliceUrl, 'POST', recSliceParams, '', recAPISuccess, recAPIError);
+ } else {
+ // arlar rec - end
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ }
+ }
+
+ } else {
+ // 预览直接获取回放片段
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ }
+ getPlayTokenST = new Date().getTime();
+ // 执行一次API服务请求上报
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: 200,
+ })
+ } else {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(Object.assign({retcode: data.code || -1,msg: data.msg || '其他错误'}));
+ }
+ // 执行一次API服务请求服务错误上报
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: data.code || 500,
+ msg: data.msg || '未知服务错误'
+ })
+ resolve(JSON.stringify(data), 'error')
+ //throw new Error('获取播放设备信息失败');
+ }
+ /**参数容错处理 end*/
+ }
+ var apiError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(Object.assign({retcode: error.code || -1,msg: error.msg || '其他错误'}));
+ }
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: 500,
+ msg: data.msg || '网络错误'
+ })
+ resolve(JSON.stringify(error))
+ //throw new Error('获取播放设备信息失败');
+ }
+ var isHttp = 'false';
+ if (playParams && playParams.env && playParams.env.domain) {
+ isHttp = playParams.env.domain.indexOf('https') !== -1 ? 'false' : 'true';
+ } else {
+ isHttp = window.location.href.indexOf('https') !== -1 ? 'false' : 'true';
+ }
+ var apiParams = {
+ ezopen: ezopenURL,
+ userAgent: window.navigator.userAgent,
+ isFlv: false,
+ addressTypes: null,
+ isHttp: isHttp,
+ accessToken: playParams.accessToken,
+ }
+ request(apiUrl, 'POST', apiParams, '', apiSuccess, apiError);
+ }
+ }
+ var urlList = playParams.url.split(',')
+ var promiseTaskList = [];
+ var promiseTaskFun = function (ezopenURL) {
+ return new Promise(function (resolve, reject) { return getRealUrlPromise(resolve, reject, ezopenURL) })
+ };
+ urlList.map(function (item, index) {
+ _this.loadingSet(index, { text: '获取设备播放地址' })
+ promiseTaskList.push(promiseTaskFun(item));
+ });
+ var getRealUrlPromiseObj = Promise.all(promiseTaskList)
+ .then(function (result) {
+ // 获取真实地址成功后,赋值到opt属性中
+ _this.opt.sources = result;
+ _this.opt.currentSource = result[0];
+ result.forEach(function (item, index) {
+ _this.loadingSet(index, { text: '获取播放地址成功' })
+ })
+ })
+ .catch(function (err) {
+ _this.log("获取真实地址错误" + JSON.stringify(err), 'error')
+ })
+ return getRealUrlPromiseObj;
+ }
+ } else {
+ if (!this.opt.currentSource) {
+ this.log('未找到合适的播放URL', 'error');
+ return;
+ }
+ var me = this;
+ // 如果不是ezopen打头的,走原来的播放模式
+ if (!/^ezopen:\/\//.test(this.opt.currentSource)) {
+ this.tryPlay(this.opt.currentSource);
+ } else {
+ // 如果是ezopen协议地址,先校验一下地址的合法性
+ if (!/^ezopen:\/\//.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址必须要以ezopen://开头');
+ return;
+ } else if (this.opt.currentSource.indexOf('.com/') === -1) {
+ throw new Error('EZOPEN地址格式不正确');
+ return;
+ } else if (!/[a-z\d]{32}(\.hd)?\.live/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址格式uuid格式不正确');
+ return;
+ } else if (/(.*.hls.*|.*.m3u8.*|.*.wss.*|.*.flv.*|.*.rtmp.*){2,}/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址多于两个播放协议');
+ return;
+ } else if (this.opt.currentSource.search(/(.hls|.m3u8|.wss|.flv|.rtmp)/) !== -1 && !/.live(.hls|.m3u8|.wss|.flv|.rtmp)/.test(this.opt.currentSource)) {
+ throw new Error('请指定正确的播放协议');
+ return;
+ } else if (this.opt.currentSource.search(/(.hls|.m3u8|.wss|.flv|.rtmp)/) === -1 && !/[a-z\d]{32}(\.hd)?\.live$/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址结尾不正确');
+ return;
+ } else {
+ /* 获取播放地址 - 开始 */
+ var that = this;
+ addJs(flv_js, function () {
+ var para = {
+ "ezopen": that.opt.currentSource,
+ "userAgent": window.navigator.userAgent,
+ "isFlv": flvjs && flvjs.isSupported() ? flvjs.isSupported() : false,
+ "addressTypes": "HLS,RTMP,WS,FLV",
+ "isHttp": window.location.protocol.indexOf('s') > 0 ? false : true,
+ };
+
+ dclog({
+ "ezopen": that.opt.currentSource,
+ "userAgent": window.navigator.userAgent,
+ "isFlv": flvjs && flvjs.isSupported() ? flvjs.isSupported() : false,
+ "addressTypes": "HLS,RTMP,WS,FLV",
+ "isHttp": window.location.protocol.indexOf('s') > 0 ? false : true,
+ 'systemName': 'EZOPEN',
+ });
+
+ that.log('---------------------------------------');
+ that.log('入参(ezopen)是: ' + para.ezopen);
+ that.log('---------------------------------------');
+ that.log('入参(userAgent)是: ' + para.userAgent);
+ that.log('---------------------------------------');
+ that.log('入参(isFlv)是: ' + para.isFlv);
+ that.log('---------------------------------------');
+ that.log('入参(addressTypes)是: ' + para.addressTypes);
+ that.log('---------------------------------------');
+ that.log('入参(isHttp)是: ' + para.isHttp);
+ that.log('---------------------------------------');
+
+ var apiUrl = apiDomain + "/api/lapp/live/url/ezopen";
+ var apiSuccess = function (data) {
+ if (data.code == 200) {
+ that.log('播放地址是: ' + data.data);
+ that.video.src = data.data;
+ that.video.load();
+ that.tryPlay(data.data);
+ } else {
+ that.log('data: ' + JSON.stringify(data));
+ throw new Error(data.msg);
+ return;
+ }
+ }
+ var apiError = function (error) {
+ console.log("getdecoder url from api error", error);
+ }
+ request(apiUrl, 'POST', para, '', apiSuccess, apiError);
+ });
+ } /* 获取播放地址 - 结束 */
+ }
+ }
+ // 格式化回放时间
+ function formatRecTime(time, defaultTime) {
+ // 用户格式 无需更改 => 20182626T000000Z
+ // return time
+ // 用户格式需要更改
+ //用户时间长度为 14 20181226000000 =》 20181226000000
+ // 用户长度为12 201812260000 =》 201812260000 + defaultTime后面2位
+ // 用户长度为10 2018122600 =》 201812260000 + defaultTime后面4位
+ // 用户长度为8 20181226 =》 201812260000 + defaultTime后面6位
+ // 结果 20181226000000 14位
+ // 插入 TZ
+ var reg = /^[0-9]{8}T[0-9]{6}Z$/;
+ if (reg.test(time)) { // 用户格式 无需更改 => 20182626T000000Z
+ return time;
+ } else if (/[0-9]{8,14}/.test(time)) {
+ var start = 6 - (14 - time.length);
+ var end = defaultTime.length;
+ var standardTime = time + defaultTime.substring(start, end);
+ return standardTime.slice(0, 8) + 'T' + standardTime.slice(8) + 'Z';
+ } else {
+ throw new Error('回放时间格式有误,请确认');
+ }
+ }
+ function reRormatRecTime(time) {
+ var year = time.slice(0, 4);
+ var month = time.slice(4, 6);
+ var day = time.slice(6, 8);
+ var hour = time.slice(9, 11);
+ var minute = time.slice(11, 13);
+ var second = time.slice(13, 15);
+ var date = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
+ return new Date(date.replace(/-/g, '/')).getTime();
+ }
+ };
+
+ // 尝试播放
+ EZUIPlayer.prototype.tryPlay = function (playParams) {
+ this.log("开始尝试播放,播放配置参数为:");
+ this.log(playParams);
+ var _this = this;
+ // JSDecoder 播放
+ if (playParams && typeof playParams === 'object' && playParams.decoderPath) {
+ /** 初始化Decoder */
+ // this.initDecoder(playParams);
+ // 自动播放
+ // if(playParams.autoplay){
+ // console.log('配置了自动播放');
+ // setTimeout(function(){
+ // _this.play();
+ // },2000)
+ // }
+ } else {
+ this.opt.currentSource = playParams;
+ var me = this;
+ // 如果是HLS地址
+ if (/\.m3u8/.test(playParams)) {
+ // 如果是手机浏览器环境,或者原生支持HLS播放的,直接使用video标签播放
+ // 否则尝试使用hls.js播放,
+ // 最后使用flash
+ if (isMobile || isNativeSupportHls) {
+ this.log('使用原生video');
+ this.video.style.heght = this.opt.height = Number(this.opt.width.replace(/px$/g, '')) * 9 / 16 + 'px';
+ this.initVideoEvent();
+ } else {
+ var isPlayUrlHttps = playParams.indexOf('https') !== -1;
+ if (isHttps && !isPlayUrlHttps) { //https网站,http视频源安全问题需要flash播放
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ } else {
+ addJs(hlsJS, function () {
+ isSupportHls = Hls.isSupported();
+ if (isSupportHls) {
+ me.log('使用hls.js');
+ me.initHLS(playParams);
+ } else {
+ useFlash = true;
+ me.log('2 使用flash');
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ }
+ });
+ }
+ }
+ } else if (/^rtmp:/.test(playParams)) {
+ if (isMobile) {
+ this.opt.cur++;
+ this.tryPlay(playParams);
+ return;
+ } else {
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer(playParams);
+ });
+ }
+ } else if (/^wss:|^ws:/.test(playParams)) {
+ /*
+ * WS协议的JSMpeg的不支持IE11以下的版本
+ * 开放平台官网不支持IE8打开,所以官网上面不兼容两个人版本IE9 ,和IE10
+ *
+ * */
+ if (!ltIE11()) {
+ addJs(mpegJS, function () {
+ me.initJSmpeg(playParams);
+ });
+ } else {
+ alert('WS协议不支持Ie11以下的浏览器!请使用IE11,或者更高版本的浏览器');
+ return;
+ }
+ } else if (/\.flv/.test(this.opt.currentSource)) {
+ if (!ltIE11()) {
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ } else {
+ addJs(flv_js, function () {
+ me.log("使用flv.js播放");
+ me.initflv();
+ });
+ }
+ }
+ }
+ };
+
+ // 初始化hls.js
+ EZUIPlayer.prototype.initHLS = function (hlsURL) {
+ var me = this;
+ var hls = new Hls({ defaultAudioCodec: 'mp4a.40.2' }); // 萤石设备默认使用 AAC LC 音频编码
+ hls.loadSource(hlsURL);
+ hls.attachMedia(this.video);
+ hls.on(Hls.Events.MANIFEST_PARSED, function () {
+ if (me.opt.autoplay) {
+ me.video.play();
+ }
+ me.initVideoEvent();
+ });
+ hls.on(Hls.Events.ERROR, function (event, data) {
+ if (data.fatal) {
+ switch (data.type) {
+ case Hls.ErrorTypes.NETWORK_ERROR:
+ // try to recover network error
+ console.log("fatal network error encountered, try to recover");
+ hls.startLoad();
+ break;
+ case Hls.ErrorTypes.MEDIA_ERROR:
+ console.log("fatal media error encountered, try to recover");
+ hls.recoverMediaError();
+ break;
+ default:
+ // cannot recover
+ hls.destroy();
+ break;
+ }
+ }
+ });
+
+ this.hls = hls;
+ };
+
+
+ // 初始化ckplayer
+ EZUIPlayer.prototype.initCKPlayer = function (url) {
+ this.log('ckplayer初始化');
+ var me = this;
+ var events = {
+ 'play': function () { me.emit('play') },
+ 'pause': function () { me.emit('pause') },
+ 'error': function () { me.emit('error') }
+ };
+ window.ckplayer_status = function () {
+ me.log(arguments);
+ events[arguments[0]] && events[arguments[0]]();
+ };
+
+ // 新增相同id的div标签,然后删除video标签
+ this.videoFlash = document.createElement('DIV');
+ this.video.parentNode.replaceChild(this.videoFlash, this.video);
+ this.video = this.videoFlash;
+ this.videoFlash.id = this.opt.parentId;
+ var flashvars = null;
+ // 如果rtmp服务器环境设置了视频暂停则断开链接
+ // 需要修改ckplayer.js setup参数第30个值
+ // 在播放暂停后点击播放是否采用重新链接的方式
+ if (/^rtmp/.test(this.opt.currentSource)) {
+ flashvars = {
+ f: this.opt.currentSource,
+ c: 0,
+ p: this.opt.autoplay ? 1 : 0,
+ i: this.opt.poster,
+ lv: 1,
+ loaded: 'loadHandler'
+ };
+ } else if (/\.m3u8/.test(this.opt.currentSource)) {
+ flashvars = {
+ s: 4, // 4-使用swf视频流插件播放
+ f: m3u8SWF,
+ a: this.opt.currentSource,
+ c: 0, // 0-使用ckplayer.js的配置 1-使用ckplayer.xml的配置
+ lv: 1, // 1-直播 0-普通方式
+ p: this.opt.autoplay ? 1 : 0, // 1-默认播放 0-默认暂停
+ i: this.opt.poster,
+ loaded: 'loadHandler'
+ };
+ } else {
+ flashvars = {
+ f: this.opt.currentSource,
+ c: 0,
+ p: 1,
+ loaded: 'loadHandler'
+ };
+ }
+ var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always', wmode: 'transparent' };
+ this.flashId = this.opt.parentId + 'flashId';
+ window.CKobject.embedSWF(ckplayerSWF, this.opt.parentId, this.flashId, this.opt.width, this.opt.height, flashvars, params);
+ };
+
+ EZUIPlayer.prototype.initVideoEvent = function () {
+ var me = this;
+ var EVENT = {
+ 'loadstart': function (e) {
+ me.log('loadstart...当浏览器开始查找音频/视频时...');
+ me.emit('loadstart', e);
+ },
+ 'durationchange': function (e) {
+ me.log('durationchange...当音频/视频的时长已更改时...');
+ me.emit('durationchange', e);
+ },
+ 'loadedmetadata': function (e) {
+ me.log('loadedmetadata...当浏览器已加载音频/视频的元数据时...');
+ me.emit('loadedmetadata', e);
+ },
+ 'loadeddata': function (e) {
+ me.log('loadeddata...当浏览器已加载音频/视频的当前帧时...');
+ me.emit('loadeddata', e);
+ },
+ 'progress': function (e) {
+ me.log('progress...当浏览器正在下载音频/视频时...');
+ me.emit('progress', e);
+ },
+ 'canplay': function (e) {
+ me.log('canplay...当浏览器可以播放音频/视频时...');
+ me.emit('canplay', e);
+ },
+ 'canplaythrough': function (e) {
+ me.log('canplaythrough...当浏览器可在不因缓冲而停顿的情况下进行播放时...');
+ me.emit('canplaythrough', e);
+ },
+ 'abort': function (e) {
+ me.log('abort...当音频/视频的加载已放弃时...');
+ me.emit('abort', e);
+ },
+ 'emptied': function (e) {
+ me.log('emptied...当目前的播放列表为空时...');
+ me.emit('emptied', e);
+ },
+ 'ended': function (e) {
+ me.log('ended...当目前的播放列表已结束时...');
+ me.emit('ended', e);
+ },
+ 'pause': function (e) {
+ me.log('pause...当音频/视频已暂停时...');
+ me.emit('pause', e);
+ },
+ 'play': function (e) {
+ me.log('play...当音频/视频已开始或不再暂停时...');
+ me.emit('play', e);
+ },
+ 'playing': function (e) {
+ me.log('playing...当音频/视频在已因缓冲而暂停或停止后已就绪时...');
+ me.emit('playing', e);
+ },
+ 'ratechange': function (e) {
+ me.log('ratechange...当音频/视频的播放速度已更改时...');
+ me.emit('ratechange', e);
+ },
+ 'seeked': function (e) {
+ me.log('seeked...当用户已移动/跳跃到音频/视频中的新位置时...');
+ me.emit('seeked', e);
+ },
+ 'seeking': function (e) {
+ me.log('seeking...当用户开始移动/跳跃到音频/视频中的新位置时...');
+ me.emit('seeking', e);
+ },
+ 'stalled': function (e) {
+ me.log('stalled...当浏览器尝试获取媒体数据,但数据不可用时...');
+ me.emit('stalled', e);
+ },
+ 'suspend': function (e) {
+ me.log('suspend...当浏览器刻意不获取媒体数据时...');
+ me.emit('suspend', e);
+ if (me.opt.autoplay) {
+ me.video.play();
+ }
+ },
+ 'timeupdate': function (e) {
+ //me.log('timeupdate...当目前的播放位置已更改时...');
+ me.emit('timeupdate', e);
+ },
+ 'volumechange': function (e) {
+ me.log('volumechange...当音量已更改时...');
+ me.emit('volumechange', e);
+ },
+ 'waiting': function (e) {
+ me.log('waiting...当视频由于需要缓冲下一帧而停止...');
+ me.emit('waiting', e);
+ },
+ 'error': function (e) {
+ me.log('error...当在音频/视频加载期间发生错误时...');
+ me.emit('error', e);
+ }
+
+ };
+ for (var i in EVENT) {
+ this.video.addEventListener(i, EVENT[i], false);
+ }
+
+ ios11Hack(this.video);
+
+ };
+
+ EZUIPlayer.prototype.initJSmpeg = function (jsmpegUrl) {
+ this.canvasEle = document.createElement('canvas');
+ this.canvasEle.style.width = this.opt.width;
+ this.canvasEle.style.height = this.opt.height;
+ this.video.parentNode.replaceChild(this.canvasEle, this.video);
+ this.canvasEle.id = this.opt.parentId;
+ var player;
+ if (player && player.destroy) {
+ player.destroy();
+ }
+ player = new JSMpeg.Player(jsmpegUrl, { canvas: this.canvasEle });
+ this.JSmpeg = player;
+ };
+
+ EZUIPlayer.prototype.initflv = function () {
+ if (flvjs.isSupported()) {
+ var player = this.video;
+ var hasControls = player.getAttribute('controls');
+ if (!hasControls) {
+ player.setAttribute('controls', true);
+ }
+ var flvPlayer = flvjs.createPlayer({
+ type: 'flv',
+ url: this.opt.currentSource,
+ isLive: true,
+ }, {
+ enableStashBuffer: true,
+ stashInitialSize: 128,
+ enableWorker: true
+ });
+
+ flvPlayer.attachMediaElement(player);
+ flvPlayer.load();
+ flvPlayer.play();
+ } else {
+ this.log("浏览器不支持flv播放");
+ throw new Error('浏览器不支持flv播放');
+ return;
+ }
+ this.flv = flvPlayer;
+ };
+ EZUIPlayer.prototype.rePlay = function (playParams) {
+ this.loadingStart();
+ // _this.loadingSet(0,{text:'获取设备播放地址'})
+ var _this = this;
+ var getRealUrl = this.getRealUrl(playParams);
+ /**是否自动播放 */
+ if (isPromise(getRealUrl)) {
+ getRealUrl.then(function (data) {
+ _this.play(playParams);
+ })
+ .catch(function (err) {
+ console.log("播放错误", err)
+ });
+ }
+ }
+
+ EZUIPlayer.prototype.play = function (data) {
+ // debugger
+ //var index = params.index;
+ if (!!window['CKobject']) {
+ this.opt.autoplay = true;
+ this.initCKPlayer();
+ } else if (!!this.video) { // video播放 包含flv, hls
+ if (!!this.hls) { // hls开始播放依赖 this.hls
+ this.opt.autoplay = true;
+ this.hls.startLoad();
+ this.video.play();
+ } else if (!!this.JSmpeg) {
+ this.JSmpeg.play();
+ } else { // 其他开始播放使用原生video
+ this.opt.autoplay = true;
+ this.video.play();
+ }
+ } else if (!!this.jSPlugin) {
+ var playParams = this.playParams;
+
+ var audioId = 0
+ if(playParams && playParams.audioId){
+ audioId = playParams.audioId;
+ }else if(playParams && playParams.audioId === -1){
+ audioId = undefined;
+ }
+ if ( typeof data === 'string'){
+ playParams.url = data;
+ }else if(typeof data === 'object'){
+ playParams = Object.assign(playParams,data);
+ }
+ var getRealUrl = this.getRealUrl(playParams);
+ var _this = this;
+ getRealUrl.then(function () {
+ function getPlayParams(url) {
+ var websocketConnectUrl = url.split('?')[0].replace('/live', '').replace('/playback', '');
+ // console.log("playParams,",playParams,playParams.env.wsUrl)
+ // if(playParams && playParams.env && playParams.env.wsUrl){
+ // websocketConnectUrl= playParams.env.wsUrl;
+ // }
+ console.log("_this.opt.sources.", _this.opt.sources)
+ var websocketStreamingParam = (url.indexOf('/live') === -1 ? (url.indexOf('cloudplayback') !== -1 ? '/cloudplayback?' : '/playback?') : '/live?') + url.split('?')[1];
+ // 本地回放仅支持主码流 - 2019-11-05 修订
+ if (websocketStreamingParam.indexOf('/playback') !== -1) {
+ websocketStreamingParam = websocketStreamingParam.replace("stream=2", 'stream=1');
+ }
+ // 本地回放仅支持主码流
+ return { websocketConnectUrl: websocketConnectUrl, websocketStreamingParam: websocketStreamingParam }
+ }
+ _this.opt.sources.forEach(function (item, index) {
+ if (getQueryString('dev', item) || item.indexOf('ws') !== -1) {
+ _this.log("开始播放, 第" + (index + 1) + '路,' + '地址:' + item);
+ _this.loadingSet(index, { text: '准备播放...', color: '#fff' })
+ // 设置秘钥 - 如果地址中包含秘钥参数,播放前配置到JSPlugin对应实例中
+ var validateCode = getQueryString('checkCode', item);
+ if (validateCode) {
+ _this.log('设置秘钥,视频路数:' + (index + 1) + '验证码:' + validateCode)
+ _this.jSPlugin.JS_SetSecretKey(index, validateCode);
+ }
+ var playST = new Date().getTime();
+
+ var wsUrl = ''
+ var wsParams = ''
+ if (_this.playParams && _this.playParams.hasOwnProperty('userName') && _this.playParams.hasOwnProperty('password')) {
+ wsUrl = item.split('?')[0];
+ wsParams = {
+ sessionID: getQueryString('sessionID', item),
+ }
+ } else {
+ wsUrl = getPlayParams(item).websocketConnectUrl;
+ wsParams = {
+ playURL: getPlayParams(item).websocketStreamingParam
+ }
+ }
+ _this.jSPlugin.JS_Play(wsUrl, wsParams, index).then(function () {
+ _this.log('播放成功,当前播放第' + (index + 1) + '路');
+ _this.loadingSet(index, { text: '播放成功...' });
+ //单次播放日志上报
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 2,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playST,
+ rt: 200,
+ })
+ // 播放成功
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 99,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playStartTime,
+ rt: 200,
+ })
+ _this.loadingEnd(index);
+ // 默认开启声音
+ // 默认开启第一路声音
+ if (typeof(audioId) !== "undefined" && audioId === index) {
+ _this.log("默认开启第1路声音");
+ setTimeout(function () {
+ var openSoundRT = _this.jSPlugin.JS_OpenSound(0);
+ console.log("openSoundRT", openSoundRT)
+ openSoundRT.then(function (data) {
+ _this.log('开启声音成功', data)
+ })
+ .catch(function (err) {
+ _this.log('开启声音失败', 'error', err)
+ })
+ }, 100)
+ }
+ // 播放成功回调
+ if (playParams && playParams.handleSuccess) {
+ playParams.handleSuccess();
+ }
+ //
+ // 播放成功日志上报
+ var PlTp = 1;
+ if (playParams && playParams.url) {
+ if (playParams.url.indexOf('rec') !== -1) {
+ PlTp = 2;
+ }
+ }
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: encodeURIComponent(item),
+ Time: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'),
+ Enc: 0, // 0 不加密 1 加密
+ PlTp: PlTp, // 1 直播 2 回放
+ Via: 2, // 2 服务端取流
+ ErrCd: 0,
+ OpId: uuid(),
+ Cost: (new Date()).getTime() - _this.initTime, // 毫秒数
+ Serial: getQueryString('dev', item),
+ Channel: getQueryString('chn', item),
+ });
+ }, function (err) {
+ _this.log('播放失败' + JSON.stringify(err), 'error');
+ var errorInfo = JSON.parse(_this.errorCode).find(function (item) { return item.detailCode.substr(-4) == err.oError.errorCode });
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 2,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playStartTime,
+ rt: err.oError ? err.oError.errorCode : 500,
+ msg: errorInfo ? errorInfo.description : '播放过程其他错误'
+ })
+ var msg = errorInfo ? errorInfo.description : '播放过程其他错误';
+ _this.loadingSet(index, { text: msg, color: 'red' });
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: encodeURIComponent(item),
+ cost: -1,
+ ErrCd: (err && err.oError && err.oError.errorCode && (err.oError.errorCode + "").substr(-4)) || -1,
+ Via: 2,
+ OpId: uuid(),
+ Serial: getQueryString('dev', item),
+ Channel: getQueryString('chn', item),
+ });
+ if (playParams && playParams.handleError) {
+ var errorInfo = JSON.parse(_this.errorCode).find(function (item) { return item.detailCode.substr(-4) == err.oError.errorCode })
+ playParams.handleError({ retcode: err.oError.errorCode, msg: errorInfo ? errorInfo.description : '其他错误' });
+ }
+ })
+
+ } else {
+ if (isJSON(item) && JSON.parse(item).msg) {
+ _this.loadingSet(index, { text: JSON.parse(item).msg, color: 'red' })
+ }
+ }
+ })
+ })
+ }
+
+
+ };
+ EZUIPlayer.prototype.initDecoder = function (playParams) {
+ this.opt.id = playParams.id;
+ this.log("初始化解码器---开始");
+ var _this = this;
+ var initDecoderDurationST = new Date().getTime();
+ // DOM id
+ function initDecoder(resolve, reject) {
+ var jsPluginPath = playParams.decoderPath + '/js/jsPlugin-1.2.0.min.js';
+
+ /** 初始化解码器 */
+ addJs(jsPluginPath, function () {
+ _this.log("下载解码器完成,开始初始化");
+ /* decoder 属性配置 */
+ _this.jSPlugin = new JSPlugin({
+ szId: playParams.id,
+ // iType: 2,
+ // iMode: 0,
+ iWidth: playParams.width || 600,
+ iHeight: playParams.height || 400,
+ iMaxSplit: Math.ceil(Math.sqrt(playParams.url.split(",").length)),
+ iCurrentSplit: playParams.splitBasis || Math.ceil(Math.sqrt(playParams.url.split(",").length)),
+ szBasePath: playParams.decoderPath + '/js',
+ oStyle: {
+ border: "none",
+ background: "#000000"
+ }
+ });
+ _this.jSPlugin.JS_SetWindowControlCallback({
+ windowEventSelect: function (iWndIndex) { //插件选中窗口回调
+ iWind = iWndIndex;
+ },
+ pluginErrorHandler: function (iWndIndex, iErrorCode, oError) { //插件错误回调
+ console.log(iWndIndex, iErrorCode, oError);
+ if (playParams && playParams.handleError) {
+ playParams.handleError({ retcode: iErrorCode, msg: oError ? oError : '播放失败,请重试' });
+ if(playParams.url.indexOf("alarmId")!== -1) {
+ _this.loadingSetIcon(iWndIndex, 'retry');
+ _this.loadingSet(iWndIndex, { text: '播放结束' });
+ } else {
+ _this.loadingSetIcon(iWndIndex, 'retry');
+ _this.loadingSet(iWndIndex, { text: '播放失败,请重试' });
+ }
+ }
+ },
+ });
+ _this.jSPlugin.JS_SetOptions({
+ //bSupportSound: false //是否支持音频,默认支持
+ bSupporDoubleClickFull: typeof playParams.isSupporDoubleClickFull === 'undefined' ? true : playParams.isSupporDoubleClickFull, //是否双击窗口全屏,默认支持
+ //bOnlySupportMSE: true //只支持MSE
+ bOnlySupportJSDecoder: (typeof playParams.useMSE === 'undefined' || playParams.useMSE === false) ? true : false, //是否强制使用jsdecoder
+ }).then(function () {
+ console.log("JS_SetOptions");
+ });
+ // 注册全屏事件
+ window.onresize = function () {
+ _this.jSPlugin.JS_Resize(playParams.width || 600, playParams.height || 400);
+ }
+ _this.log("初始化解码器----完成");
+ // 执行一次初始化解码器服务请求上报
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 1,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - initDecoderDurationST,
+ rt: 200,
+ })
+ resolve('200 OK')
+ });
+ /**
+ * 加载错误码
+ * 错误码维护平台 - omm管理系统
+ */
+ function success(data) {
+ if (data.code == 200) {
+ if (!window.localStorage) {
+ return false;
+ } else {
+ var storage = window.localStorage;
+ //写入a字段
+ storage["errorCode"] = JSON.stringify(data.data);
+ _this.errorCode = storage['errorCode'];
+ }
+ }
+ }
+ if (!window.localStorage) {
+ request(
+ playParams.decoderPath + "/js/errorCode.json",
+ "get",
+ {
+ language: 1,
+ time: new Date().getTime(),
+ appKey: '26810f3acd794862b608b6cfbc32a6b8',
+ },
+ '',
+ success
+ );
+ } else {
+ var storage = window.localStorage;
+ var errorCode = storage.errorCode;
+ if (!errorCode) {
+ request(
+ playParams.decoderPath + "/js/errorCode.json",
+ "get",
+ {
+ language: 1,
+ time: new Date().getTime(),
+ appKey: '26810f3acd794862b608b6cfbc32a6b8',
+ },
+ '',
+ success
+ );
+ } else {
+ _this.errorCode = storage['errorCode'];
+ }
+ }
+
+
+ }
+ var initDecoderPromise = new Promise(initDecoder);
+
+ return initDecoderPromise;
+ }
+ EZUIPlayer.prototype.stop = function (i, unDestory) {
+ // 执行停止
+ this.log("停止播放" + this.opt.currentSource);
+ this.opt.autoplay = false;
+ if (!!window['CKobject']) {
+ //CKobject.getObjectById(this.flashId).destroy();
+ this.video.src = ""
+ // this.video.remove();
+ } else if (!!this.video) {
+ if (!!this.hls) { // hls停止依赖this.hls
+ // 通过暂停停止播放
+ this.video.pause();
+ this.video.src = ""
+ // 停止取流
+ this.hls.stopLoad();
+ } else if (!!this.flv) {
+ this.flv.pause();
+ this.flv.unload();
+ this.flv.detachMediaElement();
+ this.flv.destroy();
+ this.flv = null;
+ } else if (!!this.JSmpeg) {
+ this.JSmpeg.stop();
+ // this.JSmpeg.destroy();
+ }
+ } else if (!!this.jSPlugin) {
+ var _this = this;
+ if (typeof i === "undefined") {
+ return this.jSPlugin.JS_Stop(0).then(function () {
+ _this.log("停止播放成功" + _this.opt.currentSource);
+ console.log("stop success");
+ // 额外销毁worker
+ // _this.jSPlugin.JS_DestroyWorker();
+ _this.loadingEnd(0);
+ //removeChild(0);
+ }, function () {
+ _this.log("停止播放失败" + _this.opt.currentSource);
+ console.log("stop failed");
+ });
+ } else {
+ return this.jSPlugin.JS_Stop(i).then(function () {
+ _this.log("第" + i + "路停止播放成功" + _this.opt.currentSource);
+ _this.loadingEnd(i);
+ console.log("stop success");
+ }, function () {
+ _this.log("第" + i + "路停止播放失败" + _this.opt.currentSource);
+ _this.loadingEnd(i);
+ console.log("stop failed");
+ });
+ // 额外销毁worker - 多窗口暂不销毁
+ // this.jSPlugin.JS_DestroyWorker();
+ //removeChild(i);
+ }
+ }
+ };
+ EZUIPlayer.prototype.destroy = function (i) {
+ _this.jSPlugin.JS_DestroyWorker();
+ }
+
+ // 获取OSD时间
+ // EZUIPlayer.prototype.getOSDTime = function (callback, iWind) {
+ // if (!!this.jSPlugin) {
+ // this.jSPlugin.JS_GetOSDTime(iWind || 0).then(function (iTime) {
+ // callback(iTime * 1000);
+ // }, function (err) {
+ // console.log("get OSD Time error", err);
+ // });
+ // } else {
+ // throw new Error("Method not support");
+ // }
+ // }
+ // 返回promise的getOSDTime方法
+ EZUIPlayer.prototype.getOSDTime = function (wNum) {
+ const _this = this;
+ if (!!this.jSPlugin) {
+ return _this.jSPlugin.JS_GetOSDTime(wNum || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 返回promise的getOSDTime方法
+ EZUIPlayer.prototype.getVersion = function (wNum) {
+ const _this = this;
+ if (!!this.jSPlugin) {
+ console.log(_this.jSPlugin.JS_GetSdkVersion());
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+
+ // 开启声音
+ EZUIPlayer.prototype.openSound = function (iWind) {
+ if (!!this.jSPlugin) {
+ var openSoundRT = this.jSPlugin.JS_OpenSound(iWind || 0);
+ openSoundRT === 0 ? this.log('开启声音成功') : this.log('开启声音失败', 'error');
+ return openSoundRT;
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 全屏
+ EZUIPlayer.prototype.fullScreen = function () {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_FullScreenDisplay(1);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 关闭声音
+ EZUIPlayer.prototype.closeSound = function (iWind) {
+ if (!!this.jSPlugin) {
+ var closeSoundRT = this.jSPlugin.JS_CloseSound(iWind || 0);
+ closeSoundRT === 0 ? this.log('关闭声音成功') : this.log('关闭声音失败', 'error');
+ return closeSoundRT;
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 视频截图
+ EZUIPlayer.prototype.capturePicture = function (iWind, pictureName) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_CapturePicture(iWind, pictureName)
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 开始录像
+ EZUIPlayer.prototype.startSave = function (iWind, fileName) {
+ if (!!this.jSPlugin) {
+ this.log("开始录制录像");
+ return this.jSPlugin.JS_StartSave(iWind, fileName)
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 结束录像
+ EZUIPlayer.prototype.stopSave = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_StopSave(iWind);
+ this.log("结束录制录像");
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ EZUIPlayer.prototype.reSize = function (width, height) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_Resize(width, height);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ EZUIPlayer.prototype.pause = function () {
+ this.opt.autoplay = false;
+ if (!!window['CKobject']) {
+ CKobject.getObjectById(this.flashId).videoPause();
+ } else if (!!this.video) {
+ if (!!this.JSmpeg) {
+ this.JSmpeg.pause();
+ } else {
+ this.video.pause();
+ }
+ } else if (!!this.jSPlugin) {
+ this.jSPlugin.JS_Pause(0).then(function () {
+ }, function () {
+ });
+ }
+ };
+
+ EZUIPlayer.prototype.load = function () {
+ if (!!window['CKobject']) {
+ // flash load
+ } else if (!!this.video) {
+ this.video.load();
+ }
+ };
+ // 开启电子放大
+ EZUIPlayer.prototype.enableZoom = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_EnableZoom(iWind || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 关闭电子放大
+ EZUIPlayer.prototype.closeZoom = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_DisableZoom(iWind || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+
+
+
+ // iOS11手机HLS直播在m3u8响应时间过长后不继续请求的hack
+ function ios11Hack(video) { var isloadeddata = false; var isPlaying = false; var stalledCount = 0; video.addEventListener('loadeddata', function () { isloadeddata = true; }, false); video.addEventListener('stalled', function () { stalledCount++; if (!isPlaying) { if (stalledCount >= 2 && !isloadeddata) { video.load(); video.play(); isloadeddata = false; isPlaying = false; stalledCount = 0; } } }, false); video.addEventListener('playing', function () { isPlaying = true; }); }
+ function ltIE11() { var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; if (isIE) { return true; } else { return false; } }
+
+
+ var EZUIKit = {
+ 'EZUIPlayer': EZUIPlayer,
+ };
+ // 兼容1.4 以下旧版本
+ // var EZUIPlayer = EZuikit.EZUIPlayer;
+
+ if (!noGlobal) {
+ window.EZUIKit = EZUIKit;
+ // 兼容1.4 以下旧版本
+ window.EZUIPlayer = EZUIPlayer;
+ }
+ return EZUIKit;
+});
diff --git a/src/assets/global_images/video.png b/src/assets/global_images/video.png
new file mode 100644
index 0000000..a9fdf33
--- /dev/null
+++ b/src/assets/global_images/video.png
Binary files differ
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index c94cbf1..c7f2a64 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -73,14 +73,14 @@
-
+
-
+
@@ -273,7 +273,7 @@
areaCode: '361024', // 所属区县ID
streetCode: '361024100', // 所属街道ID
communityCode: '1', // 所属社区编码
- communityName: '社区', // 所属社区NAME
+ communityName: '活力大道', // 所属社区NAME
gridId: '361024100001', // 万米网格ID(单元网格)
componentId: '', // 部件ID
casetypesTimeId: '', // 立案标准ID
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index b4a00ad..6a52ae3 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -93,9 +93,10 @@
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'
import markerShadow from 'leaflet/dist/images/marker-shadow.png'
-const caseIcon = [
- '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
-]
+const videoIcon = L.icon({
+ iconUrl: require('../../assets/global_images/video.png'),
+ iconSize: [40, 40]
+})
export default {
name: 'SupControl',
@@ -114,6 +115,9 @@
return {
map: '',
baselayer: [],
+ videoList: [
+ { name: '活力大道', lng: 116.06393633948393, lat: 27.76348208458991, url: 'ezopen://open.ys7.com/C86485758/1.hd.live' }
+ ],
parts: {
eorc: '2', // 类别
casetypeCode: '', // 部件大类编码,
@@ -181,6 +185,7 @@
mounted() {
this.initMap()
this.switchContent()
+ this.initVideoPoint()
},
methods: {
switchContent: function() {
@@ -457,6 +462,28 @@
'https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8',
{ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'] }
).addTo(map))
+ },
+ // 初始化
+ initVideoPoint: function() {
+ this.videoList.forEach(video => {
+ const vMarker = L.marker([video.lat, video.lng], {
+ icon: videoIcon,
+ target: video
+ }).addTo(this.map)
+
+ vMarker.on('click', function(e) {
+ const videoPlayUrl = e.target.options.target.url
+ const features = 'height=401, width=600, top=100, left=100, toolbar=no, menubar=no, scrollbars=no,resizable=no, location=no, status=no'
+ window.open('/static/ezPlay/demo/monitor.html?url=' + videoPlayUrl, '视频预览', features)
+ })
+ })
+ },
+ handleCloseEZFrame: function() {
+ this.$refs.ezFrame.stopPlay()
+ const that = this
+ setTimeout(function() {
+ that.videoDialogVisible = false
+ }, 500)
}
}
}
diff --git a/static/ezPlay/demo/monitor.html b/static/ezPlay/demo/monitor.html
new file mode 100644
index 0000000..bc04a93
--- /dev/null
+++ b/static/ezPlay/demo/monitor.html
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+ 视频播放
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/ezPlay/ezuikit.js b/static/ezPlay/ezuikit.js
new file mode 100644
index 0000000..fb0518b
--- /dev/null
+++ b/static/ezPlay/ezuikit.js
@@ -0,0 +1,2080 @@
+/**
+ * jssdk 3.0
+ */
+(function (global, factory) {
+
+ "use strict";
+
+ if (typeof module === "object" && typeof module.exports === "object") {
+ module.exports = global.document ?
+ factory(global, true) :
+ function (w) {
+ if (!w.document) {
+ throw new Error("EZUIPlayer requires a window with a document");
+ }
+ return factory(w);
+ };
+ } else {
+ factory(global);
+ }
+
+ // Pass this if window is not defined yet
+})(typeof window !== "undefined" ? window : this, function (window, noGlobal) {
+
+ /**
+ * @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+ */
+ !function (a, b) { function c(a, b) { var c = a.createElement("p"), d = a.getElementsByTagName("head")[0] || a.documentElement; return c.innerHTML = "x", d.insertBefore(c.lastChild, d.firstChild) } function d() { var a = t.elements; return "string" == typeof a ? a.split(" ") : a } function e(a, b) { var c = t.elements; "string" != typeof c && (c = c.join(" ")), "string" != typeof a && (a = a.join(" ")), t.elements = c + " " + a, j(b) } function f(a) { var b = s[a[q]]; return b || (b = {}, r++, a[q] = r, s[r] = b), b } function g(a, c, d) { if (c || (c = b), l) return c.createElement(a); d || (d = f(c)); var e; return e = d.cache[a] ? d.cache[a].cloneNode() : p.test(a) ? (d.cache[a] = d.createElem(a)).cloneNode() : d.createElem(a), !e.canHaveChildren || o.test(a) || e.tagUrn ? e : d.frag.appendChild(e) } function h(a, c) { if (a || (a = b), l) return a.createDocumentFragment(); c = c || f(a); for (var e = c.frag.cloneNode(), g = 0, h = d(), i = h.length; i > g; g++)e.createElement(h[g]); return e } function i(a, b) { b.cache || (b.cache = {}, b.createElem = a.createElement, b.createFrag = a.createDocumentFragment, b.frag = b.createFrag()), a.createElement = function (c) { return t.shivMethods ? g(c, a, b) : b.createElem(c) }, a.createDocumentFragment = Function("h,f", "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" + d().join().replace(/[\w\-:]+/g, function (a) { return b.createElem(a), b.frag.createElement(a), 'c("' + a + '")' }) + ");return n}")(t, b.frag) } function j(a) { a || (a = b); var d = f(a); return !t.shivCSS || k || d.hasCSS || (d.hasCSS = !!c(a, "article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")), l || i(a, d), a } var k, l, m = "3.7.3", n = a.html5 || {}, o = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i, p = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i, q = "_html5shiv", r = 0, s = {}; !function () { try { var a = b.createElement("a"); a.innerHTML = "", k = "hidden" in a, l = 1 == a.childNodes.length || function () { b.createElement("a"); var a = b.createDocumentFragment(); return "undefined" == typeof a.cloneNode || "undefined" == typeof a.createDocumentFragment || "undefined" == typeof a.createElement }() } catch (c) { k = !0, l = !0 } }(); var t = { elements: n.elements || "abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video", version: m, shivCSS: n.shivCSS !== !1, supportsUnknownElements: l, shivMethods: n.shivMethods !== !1, type: "default", shivDocument: j, createElement: g, createDocumentFragment: h, addElements: e }; a.html5 = t, j(b), "object" == typeof module && module.exports && (module.exports = t) }("undefined" != typeof window ? window : this, document);
+
+ /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+ if ("document" in self) { if (!("classList" in document.createElement("_"))) { (function (j) { "use strict"; if (!("Element" in j)) { return } var a = "classList", f = "prototype", m = j.Element[f], b = Object, k = String[f].trim || function () { return this.replace(/^\s+|\s+$/g, "") }, c = Array[f].indexOf || function (q) { var p = 0, o = this.length; for (; p < o; p++) { if (p in this && this[p] === q) { return p } } return -1 }, n = function (o, p) { this.name = o; this.code = DOMException[o]; this.message = p }, g = function (p, o) { if (o === "") { throw new n("SYNTAX_ERR", "An invalid or illegal string was specified") } if (/\s/.test(o)) { throw new n("INVALID_CHARACTER_ERR", "String contains an invalid character") } return c.call(p, o) }, d = function (s) { var r = k.call(s.getAttribute("class") || ""), q = r ? r.split(/\s+/) : [], p = 0, o = q.length; for (; p < o; p++) { this.push(q[p]) } this._updateClassName = function () { s.setAttribute("class", this.toString()) } }, e = d[f] = [], i = function () { return new d(this) }; n[f] = Error[f]; e.item = function (o) { return this[o] || null }; e.contains = function (o) { o += ""; return g(this, o) !== -1 }; e.add = function () { var s = arguments, r = 0, p = s.length, q, o = false; do { q = s[r] + ""; if (g(this, q) === -1) { this.push(q); o = true } } while (++r < p); if (o) { this._updateClassName() } }; e.remove = function () { var t = arguments, s = 0, p = t.length, r, o = false, q; do { r = t[s] + ""; q = g(this, r); while (q !== -1) { this.splice(q, 1); o = true; q = g(this, r) } } while (++s < p); if (o) { this._updateClassName() } }; e.toggle = function (p, q) { p += ""; var o = this.contains(p), r = o ? q !== true && "remove" : q !== false && "add"; if (r) { this[r](p) } if (q === true || q === false) { return q } else { return !o } }; e.toString = function () { return this.join(" ") }; if (b.defineProperty) { var l = { get: i, enumerable: true, configurable: true }; try { b.defineProperty(m, a, l) } catch (h) { if (h.number === -2146823252) { l.enumerable = false; b.defineProperty(m, a, l) } } } else { if (b[f].__defineGetter__) { m.__defineGetter__(a, i) } } }(self)) } else { (function () { var b = document.createElement("_"); b.classList.add("c1", "c2"); if (!b.classList.contains("c2")) { var c = function (e) { var d = DOMTokenList.prototype[e]; DOMTokenList.prototype[e] = function (h) { var g, f = arguments.length; for (g = 0; g < f; g++) { h = arguments[g]; d.call(this, h) } } }; c("add"); c("remove") } b.classList.toggle("c3", false); if (b.classList.contains("c3")) { var a = DOMTokenList.prototype.toggle; DOMTokenList.prototype.toggle = function (d, e) { if (1 in arguments && !this.contains(d) === !e) { return e } else { return a.call(this, d) } } } b = null }()) } };
+
+
+ Date.prototype.Format = function (fmt) { //author: meizz
+ var o = {
+ "M+": this.getMonth() + 1, //月份
+ "d+": this.getDate(), //日
+ "h+": this.getHours(), //小时
+ "m+": this.getMinutes(), //分
+ "s+": this.getSeconds(), //秒
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+ "S": this.getMilliseconds() //毫秒
+ };
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+ for (var k in o)
+ if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+ return fmt;
+ };
+
+
+ var Domain = 'https://open.ys7.com';
+ var logDomain = 'https://log.ys7.com/statistics.do';
+
+ var jqueryJS = Domain + '/sdk/js/2.0/js/jquery.min.js';
+ var ckplayerJS = Domain + '/sdk/js/2.0/js/ckplayer/ckplayer.js';
+ var ckplayerSWF = Domain + '/sdk/js/2.0/js/ckplayer/ckplayer.swf';
+ var m3u8SWF = Domain + '/sdk/js/2.0/js/ckplayer/m3u8.swf';
+ var flv_js = Domain + '/sdk/js/2.0/js/flv.min.js';
+ var hlsJS = Domain + '/sdk/js/2.0/js/hls.min.js';
+ var mpegJS = Domain + '/sdk/js/2.0/js/jsmpeg.min.js';
+ var wav = Domain + '/sdk/js/2.0/js/wav-audio-encoder.js';
+
+
+ // 当前页面是否是https协议
+ var isHttps = window.location.protocol === 'https:' ? true : false;
+ // 是否为移动端
+ var isMobile = !!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|ios|SymbianOS)/i);
+ var testVideo = document.createElement('video');
+ // 是否支持video标签和addEventListener方法(主要为了区别ie8)
+ var isModernBrowser = !!testVideo.canPlayType && !!window.addEventListener;
+ // 是否能使用video原生播放hls,目前只有safari可以支持原生video播放。
+ var isNativeSupportHls = isModernBrowser && testVideo.canPlayType('application/vnd.apple.mpegURL');
+ // 是否能使用hls.js播放
+ var isSupportHls = false;
+ // 是否使用flash
+ var useFlash = false;
+ // 初始化播放时间
+ var playStartTime = new Date().getTime();
+ // 本地信息上报
+ var LOCALINFO = 'open_netstream_localinfo';
+ // 预览主表上报
+ var PLAY_MAIN = 'open_netstream_play_main';
+ // 日志上报(轻应用独立上报)
+ var LOCALINFO_EZUIKIT = 'open_ezuikit_localinfo';
+ var PERFORMANCE_EZUIKIT = 'open_ezuikit_performance';
+ var appKey = "";
+
+ function dclog(obj) {
+ var domain = window.location.protocol + '//' + window.location.host;
+ var logObj = {
+ Ver: 'v.2.6.5',
+ PlatAddr: domain,
+ ExterVer: 'Ez.2.6.5',
+ OpId: uuid(),
+ CltType: 102,
+ AppId: appKey,
+ StartTime: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'), // 每个日志包含当前的时间
+ OS: navigator.platform
+ }
+ for (var i in obj) {
+ logObj[i] = obj[i];
+ }
+
+ var tempArray = [];
+ for (var j in logObj) {
+ tempArray.push(j + '=' + logObj[j]);
+ }
+ var params = '?' + tempArray.join('&');
+ // 上报一次本地统计信息
+ var img = new Image();
+ img.src = logDomain + params;
+ }
+ // 日志上报-2019-09-10
+ function ezuikitDclog(obj) {
+ var domain = window.location.protocol + '//' + window.location.host;
+ var logObj = {
+ version: 'v.2.6.5',
+ plate_addr: domain,
+ appId: appKey,
+ st: new Date().getTime(), // 每个日志包含当前的时间
+ }
+ for (var i in obj) {
+ logObj[i] = obj[i];
+ }
+
+ var tempArray = [];
+ for (var j in logObj) {
+ tempArray.push(j + '=' + logObj[j]);
+ }
+ var params = '?' + tempArray.join('&');
+ // 上报一次本地统计信息
+ var img = new Image();
+ img.src = logDomain + params;
+ }
+
+ var RTMP_REG = /^rtmp/;
+ var HLS_REG = /\.m3u8/;
+
+ // 获取元素样式
+ function getStyle(el) {
+ return window.getComputedStyle
+ ? window.getComputedStyle(el, null)
+ : el.currentStyle;
+ }
+
+ // 加载js
+ function addJs(filepath, callback) {
+ var oJs = document.createElement("script");
+ oJs.setAttribute("src", filepath);
+ oJs.onload = callback;
+ document.getElementsByTagName("head")[0].appendChild(oJs);
+ }
+ // 通用请求方法
+ function request(url, method, params, header, success, error) {
+ var _url = url;
+ var http_request = new XMLHttpRequest();
+ http_request.onreadystatechange = function () {
+ if (http_request.readyState == 4) {
+ if (http_request.status == 200) {
+ if (isJSON(http_request.responseText)) {
+ var _data = JSON.parse(http_request.responseText);
+ success(_data);
+ } else {
+ success(http_request.responseText)
+ }
+ }
+ }
+ };
+ http_request.open(method, _url, true);
+ // http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+ var data = new FormData();
+ for (var i in params) {
+ data.append(i, params[i]);
+ }
+ http_request.send(data);
+ };
+ /** 获取url参数 */
+ function getQueryString(name, url) { var r = new RegExp("(\\?|#|&)" + name + "=(.*?)(#|&|$)"); var m = (url || location.href).match(r); return decodeURIComponent(m ? m[2] : ''); }
+ /** 判断是否为promise对象 */
+ function isPromise(obj) { return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function'; }
+ /** 生成uuid */
+ function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) }; s[14] = "4"; s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); s[8] = s[13] = s[18] = s[23] = "-"; var uuid = s.join(""); return uuid; }
+ /**获取浏览器名称,版本 */
+ function getBrowserInfo() { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var re = /(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); try { Sys.browser = m[1].replace(/version/, "'safari"); Sys.ver = m[2]; } catch (e) { console.log("getBrowserInfo fail.") } return Sys; }
+ /** 是否为JSON格式字符串 */
+ function isJSON(str) { if (typeof str == 'string') { try { var obj = JSON.parse(str); if (typeof obj == 'object' && obj) { return true; } else { return false; } } catch (e) { return false; } } console.log('It is not a string!') }
+ /** insertAfter */
+ function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; if (parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement, targetElement.nextSibling); } }
+
+
+
+ var EZUIPlayer = function (playParams) {
+ if (!isModernBrowser) {
+ throw new Error('不支持ie8等低版本浏览器');
+ return;
+ }
+ /**定义播放配置项 */
+ this.opt = {};
+ this.opt.sources = [];
+ this.handlers = {};
+
+ // 修订 - 支持JS Decoder 允许非字符串配置项
+ if (typeof playParams === 'object' && playParams.hasOwnProperty('decoderPath')) {
+ if (typeof playParams.audioId === 'undefined') {
+ playParams["audioId"] = 0;
+ }
+ this.playParams = playParams;
+ /* 校验播放器配置参数合法性 */
+ var oS = document.createElement('style');
+ document.getElementsByTagName("head")[0].appendChild(oS);
+ oS.innerHTML = '.draw-window {border: none!important}';
+ // 解码器路径
+ if (typeof playParams.decoderPath !== 'string' || typeof playParams.decoderPath === 'undefined') {
+ throw new Error('EZUIDecoder requires the path of decoder');
+ return;
+ }
+ // Id
+ if (typeof playParams.id !== 'string' || typeof playParams.id === 'undefined') {
+ throw new Error('EZUIDecoder requires parameter id');
+ return;
+ }
+ if (typeof playParams.url !== 'string' || typeof playParams.url === 'undefined') {
+ throw new Error('EZUIDecoder requires parameter url');
+ return;
+ }
+ // 状态提示
+ this.loadingStart = function () {
+ var oS = document.createElement('style');
+ document.getElementsByTagName("head")[0].appendChild(oS);
+ oS.innerHTML = '@keyframes antRotate {to {transform: rotate(400deg);transform-origin:50% 50%;}} .loading {display: inline-block;z-index: 1000;-webkit-animation: antRotate 1s infinite linear;animation: antRotate 1s infinite linear;}';
+ if (playParams && playParams.id) {
+ var domId = playParams.id;
+ var domElement = document.getElementById(domId);
+ var windowWidth = domElement.offsetWidth;
+ var windowHeight = domElement.offsetHeight || playParams.height || 400;
+ var offsetTop = domElement.offsetTop;
+ var offsetLeft = domElement.offsetLeft;
+ // 先执行清空loading
+ if (document.getElementById('loading-id-0')) {
+ document.getElementById('loading-id-0').parentNode.removeChild(document.getElementById('loading-id-0'))
+ }
+ var loadingContainerDOM = document.createElement('div');
+ loadingContainerDOM.setAttribute('id', 'loading-id-0');
+ var style = 'position:absolute;outline:none;'
+ style += 'width: 0px;'
+ style += 'height: 0px;'
+ style += 'top:' + offsetTop + 'px;'
+ style += 'left:' + offsetLeft + 'px;'
+
+ loadingContainerDOM.setAttribute('style', style);
+ var loadingContainer = document.getElementById("loading-id-0");
+ loadingContainerDOM.style.height = windowHeight;
+
+ loadingContainerDOM.setAttribute('class', 'loading-container');
+ // loadingContainerDOM.innerHTML= loading;
+
+
+ insertAfter(loadingContainerDOM, domElement);
+
+ var splitBasis = playParams.splitBasis || 1;
+ var windowLength = playParams.url.split(",").length;
+ for (var i = 0; i < windowLength; i++) {
+ var loadingContainer = document.createElement('div');
+ var loadingStatusDOM = document.createElement('div');
+ loadingContainer.setAttribute('class', 'loading-item');
+ loadingContainer.setAttribute('id', 'loading-item-' + i);
+ //loadingContainer.setAttribute('style','display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:'+(windowWidth / splitBasis)+'px;height:'+(windowHeight /splitBasis )+'px;outline:none;vertical-align: top;position:absolute');
+ var style = 'display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:' + (windowWidth / splitBasis) + 'px;height:' + (windowHeight / splitBasis) + 'px;outline:none;vertical-align: top;position:absolute;';
+ style += ('left:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).left + 'px;');
+ style += ('top:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).top + 'px;');
+ loadingContainer.setAttribute('style', style);
+ function calLoadingPostion(windowHeight, windowWidth, splitBasis, i) {
+ var top = parseInt(i / splitBasis, 10) * (windowHeight / splitBasis);
+ var left = (i % splitBasis) * (windowWidth / splitBasis);
+ return {
+ top: top,
+ left: left
+ }
+ }
+ var loadingDOM = document.createElement('div');
+ loadingStatusDOM.innerHTML = "";
+ loadingStatusDOM.style.color = "#fff";
+ loadingDOM.setAttribute('class', 'loading');
+ var loading = '';
+ if (playParams.loading && playParams.loading.svg) {
+ loading = playParams.loading.svg;
+ }
+ loadingDOM.innerHTML = loading;
+ loadingContainer.appendChild(loadingDOM);
+ // loadingContainer.appendChild(loading);
+ loadingContainer.appendChild(loadingStatusDOM);
+ loadingContainerDOM.appendChild(loadingContainer)
+ }
+ }
+
+ }
+ this.loadingSet = function (index, opt) {
+ var loadingContainer = document.getElementById('loading-id-0');
+ if (document.getElementById('loading-item-' + index)) {
+ var textElement = document.getElementById('loading-item-' + index).childNodes[1];
+ textElement.innerHTML = opt.text;
+ if (opt.color) {
+ textElement.style.color = opt.color;
+ }
+ }
+ }
+ this.loadingSetIcon = function (i, type) {
+ var _this = this;
+ if (playParams && playParams.id) {
+ var domId = playParams.id;
+ var domElement = document.getElementById(domId);
+ var windowWidth = domElement.offsetWidth;
+ var windowHeight = domElement.offsetHeight || playParams.height || 400;
+ var offsetTop = domElement.offsetTop;
+ var offsetLeft = domElement.offsetLeft;
+ // 先执行清空loading
+ if (document.getElementById('loading-id-0')) {
+ document.getElementById('loading-id-0').parentNode.removeChild(document.getElementById('loading-id-0'))
+ }
+ var loadingContainerDOM = document.createElement('div');
+ loadingContainerDOM.setAttribute('id', 'loading-id-0');
+ var style = 'position:absolute;outline:none;'
+ style += 'width: 0px;'
+ style += 'height: 0px;'
+ style += 'top:' + offsetTop + 'px;'
+ style += 'left:' + offsetLeft + 'px;'
+
+ loadingContainerDOM.setAttribute('style', style);
+ var loadingContainer = document.getElementById("loading-id-0");
+ loadingContainerDOM.style.height = windowHeight;
+
+ loadingContainerDOM.setAttribute('class', 'loading-container');
+ insertAfter(loadingContainerDOM, domElement);
+
+ var splitBasis = playParams.splitBasis || 1;
+ var windowLength = playParams.url.split(",").length;
+ var loadingContainer = document.createElement('div');
+ var loadingStatusDOM = document.createElement('div');
+ loadingContainer.setAttribute('class', 'loading-item');
+ loadingContainer.setAttribute('id', 'loading-item-' + i);
+ //loadingContainer.setAttribute('style','display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:'+(windowWidth / splitBasis)+'px;height:'+(windowHeight /splitBasis )+'px;outline:none;vertical-align: top;position:absolute');
+ var style = 'display:inline-flex;flex-direction:column;justify-content:center;align-items: center;width:' + (windowWidth / splitBasis) + 'px;height:' + (windowHeight / splitBasis) + 'px;outline:none;vertical-align: top;position:absolute;';
+ style += ('left:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).left + 'px;');
+ style += ('top:' + calLoadingPostion(windowHeight, windowWidth, splitBasis, i).top + 'px;');
+ loadingContainer.setAttribute('style', style);
+ function calLoadingPostion(windowHeight, windowWidth, splitBasis, i) {
+ var top = parseInt(i / splitBasis, 10) * (windowHeight / splitBasis);
+ var left = (i % splitBasis) * (windowWidth / splitBasis);
+ return {
+ top: top,
+ left: left
+ }
+ }
+ var loadingDOM = document.createElement('div');
+ loadingStatusDOM.innerHTML = "";
+ loadingStatusDOM.style.color = "#fff";
+ loadingDOM.setAttribute('class', type);
+ var icon = '';
+ switch (type) {
+ case 'retry':
+ icon = '';
+ loadingDOM.style.cursor = 'pointer';
+ loadingDOM.onclick = function () {
+ console.log("点击重试", i);
+ // _this.loadingStart();
+ _this.play(i);
+ }
+ break;
+ }
+
+ loadingDOM.innerHTML = icon;
+ loadingContainer.appendChild(loadingDOM);
+ loadingContainer.appendChild(loadingStatusDOM);
+ loadingContainerDOM.appendChild(loadingContainer)
+
+ }
+ }
+ this.loadingEnd = function (index) {
+ var loadingItemContainerDOM = document.getElementById('loading-item-' + index);
+ if (loadingItemContainerDOM) {
+ loadingItemContainerDOM.parentNode.removeChild(loadingItemContainerDOM);
+ var loadingContainerDOM = document.getElementById('loading-id-0');
+ if (loadingContainerDOM && loadingContainerDOM.children.length === 0) {
+ loadingContainerDOM.parentNode.removeChild(loadingContainerDOM);
+ }
+ }
+ }
+ // 将播放地址配置在实例 opt 属性中
+ this.opt.sources.push(playParams.url);
+ // JSDecoder 只有一个播放地址
+ this.opt.currentSource = this.opt.sources[0];
+
+ /* 获取解码器用户配置项 - 开始 */
+ /**
+ * 调试模式配置
+ * 可通过dev属性指定API服务域名
+ */
+ var domain = "https://open.ys7.com";
+ if (playParams.env) {
+ var environmentParams = playParams.env;
+ domain = environmentParams.domain;
+ }
+
+ /** 创建jSPlugin 对象 */
+ this.jSPlugin = {};
+ var _this = this;
+ /** 根据播放参数获取真实播放地址 */
+ this.loadingStart();
+ playStartTime = new Date().getTime();
+ // var getRealUrl = this.getRealUrl(playParams);
+ var initDecoder = this.initDecoder(playParams);
+ // 初始化播放器
+ _this.loadingSet(0, { text: '初始化播放器...' });
+ if(playParams.autoplay){
+ _this.play()
+ }
+ if (isPromise(initDecoder)) {
+ initDecoder.then(function (data) {
+ _this.loadingSet(0, { text: '初始化完成' });
+ // setTimeout(function () {
+ // _this.play(playParams);
+ // }, 100)
+ // var getRealUrl = _this.getRealUrl(playParams);
+ // getRealUrl.then(function (data) {
+ // _this.play(playParams);
+ // })
+ })
+ }
+ // debugger
+ /**是否自动播放 */
+ // if (isPromise(getRealUrl)) {
+ // getRealUrl.then(function (data) {
+ // var initDecoder = _this.initDecoder(playParams);
+ // // 初始化播放器
+ // _this.loadingSet(0, { text: '初始化播放器...' });
+ // if (isPromise(initDecoder)) {
+ // initDecoder.then(function (data) {
+ // _this.loadingSet(0, { text: '初始化完成' });
+ // setTimeout(function () {
+ // _this.play(playParams);
+ // }, 1500)
+ // })
+ // }
+ // })
+ // }
+ } else {
+ var domain = "https://open.ys7.com";
+ var elementID = '';
+ if (typeof playParams === 'string') { //缩写模式 new EZUIPlayer('myplayer')
+ elementID = playParams;
+ } else if (typeof playParams === 'object') { //标准模式 new EZUIPlayer({id: 'myplayer'})
+ elementID = playParams.id;
+ }
+ this.videoId = elementID;
+ this.video = document.getElementById(elementID);
+ if (!this.video) {
+ throw new Error('EZUIPlayer requires parameter videoId');
+ }
+ var sources = this.video.getElementsByTagName('source');
+ // 转为数组对象,不受removeChild影响
+ sources = Array.prototype.slice.call(sources, 0);
+
+ if (this.video.src) {
+ // 移动端删除rtmp地址
+ if (isMobile && RTMP_REG.test(this.video.src)) {
+ this.video.removeAttribute('src');
+ this.video.load();
+ } else {
+ this.opt.sources.push(this.video.src);
+ }
+ }
+
+ var l = sources.length;
+ if (l > 0) {
+ for (var i = 0; i < l; i++) {
+ // 移动端删除rtmp地址
+ if (isMobile && RTMP_REG.test(sources[i].src)) {
+ this.video.removeChild(sources[i]);
+ } else {
+ this.opt.sources.push(sources[i].src);
+ }
+ }
+ }
+ if (this.opt.sources.length < 1) {
+ throw new Error('no source found in video tag.');
+ }
+ this.opt.cur = 0;
+ this.opt.poster = this.video.poster;
+ var videoStyle = getStyle(this.video);
+ var width = this.video.width;
+ var height = this.video.height;
+ if (width) {
+ this.opt.width = width;
+ if (height) {
+ this.opt.height = height;
+ } else {
+ this.opt.height = 'auto';
+ }
+ this.log('video width:' + this.opt.width + ' height:' + this.opt.height);
+ } else {
+ this.opt.width = videoStyle.width;
+ this.opt.height = videoStyle.height;
+ this.log('videoStyle.width:' + videoStyle.width + ' wideoStyle.height:' + videoStyle.height);
+ }
+ this.opt.parentId = elementID;
+ this.opt.autoplay = this.video.autoplay ? true : false;
+ this.log('autoplay:' + this.video.autoplay);
+
+ this.opt.currentSource = this.opt.sources[this.opt.cur];
+ this.getRealUrl(playParams);
+ }
+
+ /* 创建播放,错误,停止事件钩子,上报用户行为 */
+ this.handlers = {};
+ this.initTime = (new Date()).getTime();
+ this.on('play', function () {
+ // 上报播放成功信息
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: this.opt.currentSource,
+ Time: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'),
+ Enc: 0, // 0 不加密 1 加密
+ PlTp: 1, // 1 直播 2 回放
+ Via: 911, // 2 私有流 911 标准流
+ ErrCd: 0,
+ OpId: uuid(),
+ Cost: (new Date()).getTime() - this.initTime // 毫秒数
+ });
+ });
+ this.retry = 2;
+ this.on('error', function () {
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: this.opt.currentSource,
+ cost: -1,
+ ErrCd: -1,
+ Via: 911, // 2 私有流 911 标准流
+ OpId: uuid(),
+ });
+ });
+ var appInfoSuccess = function (data) {
+ if (data.retcode === 0 && data.data) {
+ appKey = data.data.appKey;
+ }
+ // 上报一次本地信息
+ dclog({
+ systemName: LOCALINFO,
+ });
+ // 上报一次本地信息-新
+ ezuikitDclog({
+ systemName: LOCALINFO_EZUIKIT,
+ os: navigator.platform,
+ browser: JSON.stringify(getBrowserInfo()),
+ })
+ }
+ var appInfoError = function (error) {
+ // 上报一次本地信息
+ dclog({
+ systemName: LOCALINFO
+ });
+ // 上报一次本地信息-新
+ ezuikitDclog({
+ systemName: LOCALINFO_EZUIKIT,
+ os: navigator.platform,
+ browser: JSON.stringify(getBrowserInfo()),
+ })
+ }
+ var deviceSerial = '';
+ var playUid = '';
+ var accessToken = '';
+ var uuidReg = /[a-z0-9]{32}/;
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ if (typeof playParams === 'string') {
+ var url = this.opt.currentSource;
+ if (uuidReg.test(url)) {
+ playUid = url.match(uuidReg)[0];
+ } else if (deviceSerialReg.test(url)) {
+ deviceSerial = url.match(deviceSerialReg)[0].split('/')[0];
+ }
+ } else if (typeof playParams === 'object') {
+ var url = playParams.url;
+ if (uuidReg.test(url)) {
+ playUid = url.match(uuidReg);
+ } else if (deviceSerialReg.test(url)) {
+ deviceSerial = url.match(deviceSerialReg)[0].split('/')[0];
+ }
+ if (playParams.accessToken) {
+ accessToken = playParams.accessToken;
+ }
+ }
+ // 获取appKey
+ request(domain + '/jssdk/ezopen/getAppInfo?uuid=' + playUid + '&accessToken=' + accessToken + "&deviceSerial=" + deviceSerial + "&channelNo=1",
+ 'GET',
+ '',
+ '',
+ appInfoSuccess,
+ appInfoError
+ );
+ };
+
+ // 事件监听
+ EZUIPlayer.prototype.on = function (eventName, callback) {
+ if (typeof eventName !== 'string' || typeof callback !== 'function') {
+ return;
+ }
+ if (typeof this.handlers[eventName] === 'undefined') {
+ this.handlers[eventName] = [];
+ }
+ this.handlers[eventName].push(callback);
+ };
+
+ // 事件触发
+ EZUIPlayer.prototype.emit = function () {
+ if (this.handlers[arguments[0]] instanceof Array) {
+ var handlers = this.handlers[arguments[0]];
+ var l = handlers.length;
+ for (var i = 0; i < l; i++) {
+ handlers[i].apply(this, Array.prototype.slice.call(arguments, 1));
+ }
+ }
+ };
+ // 日志
+ EZUIPlayer.prototype.log = function (msg, className) {
+ this.emit('log', msg, className);
+ };
+
+ EZUIPlayer.prototype.getRealUrl = function (playParams) {
+ var _this = this;
+ var apiDomain = 'https://open.ys7.com';
+ if (playParams && playParams.env) {
+ apiDomain = playParams.env.domain;
+ }
+ /** jsDecoder 获取真实地址 -- 开始 */
+ if (playParams && playParams.hasOwnProperty('decoderPath')) {
+ if (playParams && playParams.hasOwnProperty('userName') && playParams.hasOwnProperty('password')) {
+ // var cryJS = '/js/cryptico.min.js';
+
+ // addJs(cryJS, function () { })
+
+
+ console.log("开始播放局域网");
+
+ getRealUrlPromise = function (resolve, reject, ezopenURL) {
+ // var realUrl = 'ws://10.11.36.57:7681/101?sessionID=64faad6d7e2ac432a623404914ecc9997ea8533cd1f71e6e72548104b1d7279f';
+ // resolve(realUrl);
+
+ var realUrl = '';
+ // 向API请求真实地址
+ var apiUrl = apiDomain + "/api/lapp/v2/live/laninfo/get";
+ var apiSuccess = function (data) {
+ if (data.code == 200 || data.retcode == 0) {
+ //realUrl += 'ws://' + data.data.localIp + ':' + data.data.wssLocalPort + '10' + (playParams.url.indexOf('hd') === -1 ? '2' : '1');
+ //test -start
+ data.data.localIp = '10.11.51.53';
+ apiDomain = 'http://y.ys7.com:3100';
+ // test-end
+ realUrl += 'ws://' + data.data.localIp + ':' + data.data.wssLocalPort + '/' + '10' + (playParams.url.indexOf('hd') === -1 ? '2' : '1');
+ // 执行设备授权
+ capabilitiesUrl = apiDomain + "/jssdk/ezopen/sessionLogin/capabilities?ip=" + data.data.localIp + "&username=" + playParams.userName
+ var capabilitiesSuccess = function (xmlDoc, textStatus, xhr) {
+ console.log("xmlDoc", xmlDoc, xmlDoc.split(''))
+ var userName = playParams.userName;
+ var password = playParams.password;
+ var sessionIDReg = /(.*)<\/sessionID>/i;
+ var challengeReg = /(.*)<\/challenge>/i;
+ var iterationsReg = /(.*)<\/iterations>/i;
+ var isIrreversibleReg = /(.*)<\/isIrreversible>/i;
+ var saltReg = /(.*)<\/salt>/i;
+
+ var sessionID = sessionIDReg.exec(xmlDoc)[1];
+ var challenge = challengeReg.exec(xmlDoc)[1];
+ var iterations = iterationsReg.exec(xmlDoc)[1];
+ var isIrreversible = isIrreversibleReg.exec(xmlDoc)[1] == 'true';
+ var salt = saltReg.exec(xmlDoc)[1];
+ console.log(sessionID, challenge, iterations, isIrreversible, salt)
+
+ var szEncryptedPwd = '';
+ if (!isIrreversible) {
+ szEncryptedPwd = SHA256(password) + challenge;
+ for (var i = 1; i < iterations; i++) {
+ szEncryptedPwd = SHA256(szEncryptedPwd);
+ }
+ } else {
+ szEncryptedPwd = SHA256(userName + salt + password);
+ szEncryptedPwd = SHA256(szEncryptedPwd + challenge);
+ for (var i = 2; i < iterations; i++) {
+ szEncryptedPwd = SHA256(szEncryptedPwd);
+ }
+ }
+ console.log("szEncryptedPwd", szEncryptedPwd)
+ // // session登录
+ // var loginUrl = 'http://y.ys7.com:3100/jssdk/ezopen/sessionLogin?ip=' + '10.11.36.57' + '&encryptedPwd=' + szEncryptedPwd + '&sessionID=' + sessionID;
+ // var loginSuccess = function (data) {
+ // // debugger;
+ // }
+ // var loginError = function (err) {
+ // }
+ // // debugger
+ // request(loginUrl, 'GET', null, '', loginSuccess, loginError);
+ $.ajax({
+ url: apiDomain + '/jssdk/ezopen/sessionLogin',
+ type: "post",
+ data: {
+ ip: data.data.localIp,
+ authXml: "" + playParams.userName + "" + szEncryptedPwd + "" + sessionID + "\r\n\tfalse\r\n\t2\r\n",
+ },
+ success: function (data) {
+ console.log("data", data);
+ szWebsocketSessionID = data.WebSession.split("=")[1].split(";")[0];
+ realUrl += '?sessionID=' + szWebsocketSessionID;
+ resolve(realUrl);
+ },
+ error: function (xhr, textStatus, errorThrown) {
+ alert("error");
+ }
+ })
+
+ }
+
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ var deviceSerial = playParams.url.match(deviceSerialReg)[0].split('/')[0];
+
+ var capabilitiesError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(error);
+ }
+ }
+ request(capabilitiesUrl, 'GET', {}, '', capabilitiesSuccess, capabilitiesError);
+
+ }
+ }
+
+ var deviceSerialReg = /[a-zA-Z0-9]{9}\/[0-9]{0,2}\./;
+ var deviceSerial = playParams.url.match(deviceSerialReg)[0].split('/')[0];
+ var apiParams = {
+ deviceSerial: deviceSerial,
+ accessToken: playParams.accessToken,
+ }
+ var apiError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(error);
+ }
+ }
+ request(apiUrl, 'POST', apiParams, '', apiSuccess, apiError);
+
+ }
+ var urlList = playParams.url.split(',')
+ var promiseTaskList = [];
+ var promiseTaskFun = function (ezopenURL) {
+ return new Promise(function (resolve, reject) { return getRealUrlPromise(resolve, reject, ezopenURL) })
+ };
+ urlList.map(function (item, index) {
+ _this.loadingSet(index, { text: '获取设备播放地址' })
+ promiseTaskList.push(promiseTaskFun(item));
+ });
+ var getRealUrlPromiseObj = Promise.all(promiseTaskList)
+ .then(function (result) {
+ // debugger
+ // 获取真实地址成功后,赋值到opt属性中
+ _this.opt.sources = result;
+ _this.opt.currentSource = result[0];
+ result.forEach(function (item, index) {
+ _this.loadingSet(index, { text: '获取播放地址成功' })
+ })
+ })
+ .catch(function (err) {
+ // debugger
+ _this.log("获取真实地址错误" + JSON.stringify(err), 'error')
+ })
+ return getRealUrlPromiseObj;
+
+ } else {
+ // api 获取真实地址开始时间
+ var getRealUrlDurationST = new Date().getTime();
+ var getRealUrlPromise = function (resolve, reject, ezopenURL) {
+ var realUrl = '';
+ if (!/^ezopen:\/\//.test(ezopenURL)) { // JSDecoder ws协议播放
+ resolve(ezopenURL);
+ } else {
+ // var getPlayTokenST = new Date().getTime();
+ // var nodeUrl = apiDomain + "/jssdk/ezopen/getStreamToken?accessToken=" + playParams.accessToken + '&num=10&type=' + (playParams.url.indexOf('live') !== -1 ? 'live' : 'playback');
+ // var nodeSuccess = function (data) {
+ // if (data.retcode === 0) {
+ // realUrl = realUrl + data.data.params + '&ssn=' + data.data.tokens[0];
+ // // _this.opt.currentSource = realUrl;
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: 200,
+ // })
+ // resolve(realUrl);
+ // } else {
+ // // 将错误信息捕获到用户自定义错误回调中
+ // if (playParams && playParams.handleError) {
+ // playParams.handleError(data);
+ // }
+ // // 错误信息显示在状态中
+ // if (data.msg) {
+ // _this.loadingSet(0, { text: data.msg, color: 'red' });
+ // }
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: data.retcode,
+ // msg: data.msg,
+ // })
+ // resolve(JSON.stringify(data));
+ // throw new Error('获取播放token失败');
+ // }
+ // }
+ // var nodeError = function (error) {
+ // // 将错误信息捕获到用户自定义错误回调中
+ // if (playParams && playParams.handleError) {
+ // playParams.handleError(error);
+ // }
+ // ezuikitDclog({
+ // systemName: PERFORMANCE_EZUIKIT,
+ // bn: 3,
+ // browser: JSON.stringify(getBrowserInfo()),
+ // duration: new Date().getTime() - getPlayTokenST,
+ // rt: 500,
+ // msg: '获取取流token网络错误',
+ // })
+ // resolve(JSON.stringify(error))
+ // throw new Error('获取播放token失败', 'error');
+ // }
+ // 向API请求真实地址
+ var apiUrl = apiDomain + "/api/lapp/live/url/ezopen";
+ var apiSuccess = function (data) {
+ if (data.code == 200 || data.retcode == 0) {
+ realUrl += data.data;
+ if(data.ext && data.ext.token){
+ stream = data.ext.token;
+ var type= playParams.url.indexOf('live') !== -1 ? 'live' : 'playback';
+ if(type === 'live'){
+ realUrl = realUrl + '&auth=1&biz=4&cln=100' + '&ssn=' + stream;
+ }else {
+ realUrl = realUrl + '&auth=1&cln=100' + '&ssn=' + stream;
+ }
+ console.log(realUrl)
+ }
+
+ /**参数容错处理 start*/
+ if (data.data.indexOf('playback') !== -1) { //回放
+ var wsBegin = getQueryString('begin', data.data) || getQueryString('begin', playParams.url);
+ var wsEnd = getQueryString('end', data.data) || getQueryString('end', playParams.url);
+ // 兼容各种时间格式
+ if (!wsBegin) {
+ var defaultDate = new Date();
+ realUrl = realUrl + '&begin=' + defaultDate.Format('yyyyMMdd') + 'T000000Z';
+ } else {
+ realUrl = realUrl.replace('&begin=' + getQueryString('begin', data.data), '&begin=' + formatRecTime(wsBegin, '000000'))
+ if(!getQueryString('begin',realUrl)){
+ realUrl += '&begin=' + formatRecTime(wsBegin, '000000');
+ }
+ }
+ if (!wsEnd) {
+ var defaultDate = new Date();
+ realUrl = realUrl + '&end=' + defaultDate.Format('yyyyMMdd') + 'T235959Z';
+ } else {
+ realUrl = realUrl.replace('&end=' + getQueryString('end', data.data), '&end=' + formatRecTime(wsEnd, '235959'))
+ if(!getQueryString('end',realUrl)){
+ realUrl += '&end=' + formatRecTime(wsEnd, '235959');
+ }
+ }
+ // api错误处理
+ if (!getQueryString('stream', data.data)) {
+ realUrl = realUrl.replace('stream', '&stream');
+ }
+ if (playParams.url.indexOf('.cloud') !== -1) {
+ // 调用回放API接口获取回放片段 - start
+ var recBegin = reRormatRecTime(getQueryString('begin', realUrl));
+ var recEnd = reRormatRecTime(getQueryString('end', realUrl));
+ var deviceSerial = getQueryString('serial', realUrl)
+ var channelNo = getQueryString('chn', realUrl);
+
+ var recSliceUrl = apiDomain + "/api/lapp/video/by/time";
+ var recSliceParams = {
+ accessToken: playParams.accessToken,
+ recType: 1,
+ deviceSerial: deviceSerial,
+ channelNo: channelNo,
+ startTime: recBegin,
+ endTime: recEnd
+ }
+ function recAPISuccess(data) {
+ if (data.code == 200) {
+ var recSliceArr = [];
+ if (data.data && data.data.length > 0) {
+ recSliceArr = recSliceArrFun(data.data);
+ var recSliceArrJSON = JSON.stringify(recSliceArr).replace('\\', '');
+ realUrl += ('&recSlice=' + recSliceArrJSON.replace('\\', ''));
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ } else {
+ _this.log('未找到录像片段', 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' })
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ // reject('未找到录像片段');
+ }
+ } else {
+ _this.log(data.msg, 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' });
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ //reject('未找到录像片段');
+ }
+ function recSliceArrFun(data) {
+ var downloadPathArr = [];
+ var currentDP = downloadPathArr.length
+ data.forEach(function (item, index) {
+ if (downloadPathArr.length == 0 || (item.downloadPath !== downloadPathArr[downloadPathArr.length - 1].downloadPath)) {
+ downloadPathArr.push({
+ downloadPath: item.downloadPath,
+ ownerId: item.ownerId,
+ iStorageVersion: item.iStorageVersion,
+ videoType: item.videoType,
+ iPlaySpeed: 0,
+ startTime: item.startTime,
+ endTime: item.endTime
+ })
+ } else {
+ downloadPathArr[downloadPathArr.length - 1].endTime = item.endTime;
+ }
+ })
+ return downloadPathArr;
+ }
+ }
+ function recAPIError(err) {
+ console.log("获取回放片段错误")
+ }
+ request(recSliceUrl, 'POST', recSliceParams, '', recAPISuccess, recAPIError);
+
+ } else {// 本地回放
+ //alarm rec - start
+ if (playParams.url.indexOf('alarmId') !== -1) {
+ console.log("进入alarmId回放")
+ // 调用回放API接口获取回放片段 - start
+ var alarmId = getQueryString('alarmId', realUrl)
+ var recBegin = reRormatRecTime(getQueryString('begin', realUrl));
+ var recEnd = reRormatRecTime(getQueryString('end', realUrl));
+ var deviceSerial = getQueryString('serial', realUrl)
+ var channelNo = getQueryString('chn', realUrl);
+
+ var recSliceUrl = apiDomain + "/api/lapp/video/by/id";
+ var recSliceParams = {
+ accessToken: playParams.accessToken,
+ // recType: 1,
+ deviceSerial: deviceSerial,
+ channelNo: channelNo,
+ alarmId: alarmId,
+ // startTime:recBegin,
+ // endTime:recEnd
+ }
+ function recAPISuccess(data) {
+ if (data.code == 200) {
+ var recSliceArr = [];
+ if (data.data) {
+ recSliceArr = recSliceArrFun([data.data]);
+ var recSliceArrJSON = JSON.stringify(recSliceArr).replace('\\', '');
+ realUrl += ('&recSlice=' + recSliceArrJSON.replace('\\', ''));
+ console.log("realUrl", realUrl, data.data.recType);
+ if (data.data.recType == 1) {
+ realUrl = realUrl.replace('/playback', '/cloudplayback')
+ } else {
+ realUrl = realUrl.replace('/cloudplayback', '/playback')
+
+ }
+ _this.opt.sources[0] = realUrl;
+ resolve(realUrl);
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ } else {
+ _this.log('未找到录像片段', 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' })
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ // reject('未找到录像片段');
+ }
+ } else {
+ _this.log(data.msg, 'error');
+ _this.loadingSet(0, { text: '获取设备播放地址' });
+ resolve(JSON.stringify({ code: -1, msg: "未找到录像片段" }))
+ //reject('未找到录像片段');
+ }
+ function recSliceArrFun(data) {
+ var downloadPathArr = [];
+ var currentDP = downloadPathArr.length
+ data.forEach(function (item, index) {
+ if (downloadPathArr.length == 0 || (item.downloadPath !== downloadPathArr[downloadPathArr.length - 1].downloadPath)) {
+ downloadPathArr.push({
+ downloadPath: item.downloadPath,
+ ownerId: item.ownerId,
+ iStorageVersion: item.iStorageVersion,
+ videoType: item.videoType,
+ iPlaySpeed: 0,
+ startTime: item.startTime,
+ endTime: item.endTime
+ })
+ } else {
+ downloadPathArr[downloadPathArr.length - 1].endTime = item.endTime;
+ }
+ })
+ console.log("downloadPathArr", downloadPathArr)
+ return downloadPathArr;
+ }
+ }
+ function recAPIError(err) {
+ console.log("获取回放片段错误")
+ }
+ request(recSliceUrl, 'POST', recSliceParams, '', recAPISuccess, recAPIError);
+ } else {
+ // arlar rec - end
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ }
+ }
+
+ } else {
+ // 预览直接获取回放片段
+ // request(nodeUrl, 'GET', '', '', nodeSuccess, nodeError);
+ resolve(realUrl);
+ }
+ getPlayTokenST = new Date().getTime();
+ // 执行一次API服务请求上报
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: 200,
+ })
+ } else {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(Object.assign({retcode: data.code || -1,msg: data.msg || '其他错误'}));
+ }
+ // 执行一次API服务请求服务错误上报
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: data.code || 500,
+ msg: data.msg || '未知服务错误'
+ })
+ resolve(JSON.stringify(data), 'error')
+ //throw new Error('获取播放设备信息失败');
+ }
+ /**参数容错处理 end*/
+ }
+ var apiError = function (error) {
+ // 将错误信息捕获到用户自定义错误回调中
+ if (playParams && playParams.handleError) {
+ playParams.handleError(Object.assign({retcode: error.code || -1,msg: error.msg || '其他错误'}));
+ }
+ var getRealUrlDurationET = new Date().getTime();
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 0,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: getRealUrlDurationET - getRealUrlDurationST,
+ rt: 500,
+ msg: data.msg || '网络错误'
+ })
+ resolve(JSON.stringify(error))
+ //throw new Error('获取播放设备信息失败');
+ }
+ var isHttp = 'false';
+ if (playParams && playParams.env && playParams.env.domain) {
+ isHttp = playParams.env.domain.indexOf('https') !== -1 ? 'false' : 'true';
+ } else {
+ isHttp = window.location.href.indexOf('https') !== -1 ? 'false' : 'true';
+ }
+ var apiParams = {
+ ezopen: ezopenURL,
+ userAgent: window.navigator.userAgent,
+ isFlv: false,
+ addressTypes: null,
+ isHttp: isHttp,
+ accessToken: playParams.accessToken,
+ }
+ request(apiUrl, 'POST', apiParams, '', apiSuccess, apiError);
+ }
+ }
+ var urlList = playParams.url.split(',')
+ var promiseTaskList = [];
+ var promiseTaskFun = function (ezopenURL) {
+ return new Promise(function (resolve, reject) { return getRealUrlPromise(resolve, reject, ezopenURL) })
+ };
+ urlList.map(function (item, index) {
+ _this.loadingSet(index, { text: '获取设备播放地址' })
+ promiseTaskList.push(promiseTaskFun(item));
+ });
+ var getRealUrlPromiseObj = Promise.all(promiseTaskList)
+ .then(function (result) {
+ // 获取真实地址成功后,赋值到opt属性中
+ _this.opt.sources = result;
+ _this.opt.currentSource = result[0];
+ result.forEach(function (item, index) {
+ _this.loadingSet(index, { text: '获取播放地址成功' })
+ })
+ })
+ .catch(function (err) {
+ _this.log("获取真实地址错误" + JSON.stringify(err), 'error')
+ })
+ return getRealUrlPromiseObj;
+ }
+ } else {
+ if (!this.opt.currentSource) {
+ this.log('未找到合适的播放URL', 'error');
+ return;
+ }
+ var me = this;
+ // 如果不是ezopen打头的,走原来的播放模式
+ if (!/^ezopen:\/\//.test(this.opt.currentSource)) {
+ this.tryPlay(this.opt.currentSource);
+ } else {
+ // 如果是ezopen协议地址,先校验一下地址的合法性
+ if (!/^ezopen:\/\//.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址必须要以ezopen://开头');
+ return;
+ } else if (this.opt.currentSource.indexOf('.com/') === -1) {
+ throw new Error('EZOPEN地址格式不正确');
+ return;
+ } else if (!/[a-z\d]{32}(\.hd)?\.live/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址格式uuid格式不正确');
+ return;
+ } else if (/(.*.hls.*|.*.m3u8.*|.*.wss.*|.*.flv.*|.*.rtmp.*){2,}/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址多于两个播放协议');
+ return;
+ } else if (this.opt.currentSource.search(/(.hls|.m3u8|.wss|.flv|.rtmp)/) !== -1 && !/.live(.hls|.m3u8|.wss|.flv|.rtmp)/.test(this.opt.currentSource)) {
+ throw new Error('请指定正确的播放协议');
+ return;
+ } else if (this.opt.currentSource.search(/(.hls|.m3u8|.wss|.flv|.rtmp)/) === -1 && !/[a-z\d]{32}(\.hd)?\.live$/.test(this.opt.currentSource)) {
+ throw new Error('EZOPEN地址结尾不正确');
+ return;
+ } else {
+ /* 获取播放地址 - 开始 */
+ var that = this;
+ addJs(flv_js, function () {
+ var para = {
+ "ezopen": that.opt.currentSource,
+ "userAgent": window.navigator.userAgent,
+ "isFlv": flvjs && flvjs.isSupported() ? flvjs.isSupported() : false,
+ "addressTypes": "HLS,RTMP,WS,FLV",
+ "isHttp": window.location.protocol.indexOf('s') > 0 ? false : true,
+ };
+
+ dclog({
+ "ezopen": that.opt.currentSource,
+ "userAgent": window.navigator.userAgent,
+ "isFlv": flvjs && flvjs.isSupported() ? flvjs.isSupported() : false,
+ "addressTypes": "HLS,RTMP,WS,FLV",
+ "isHttp": window.location.protocol.indexOf('s') > 0 ? false : true,
+ 'systemName': 'EZOPEN',
+ });
+
+ that.log('---------------------------------------');
+ that.log('入参(ezopen)是: ' + para.ezopen);
+ that.log('---------------------------------------');
+ that.log('入参(userAgent)是: ' + para.userAgent);
+ that.log('---------------------------------------');
+ that.log('入参(isFlv)是: ' + para.isFlv);
+ that.log('---------------------------------------');
+ that.log('入参(addressTypes)是: ' + para.addressTypes);
+ that.log('---------------------------------------');
+ that.log('入参(isHttp)是: ' + para.isHttp);
+ that.log('---------------------------------------');
+
+ var apiUrl = apiDomain + "/api/lapp/live/url/ezopen";
+ var apiSuccess = function (data) {
+ if (data.code == 200) {
+ that.log('播放地址是: ' + data.data);
+ that.video.src = data.data;
+ that.video.load();
+ that.tryPlay(data.data);
+ } else {
+ that.log('data: ' + JSON.stringify(data));
+ throw new Error(data.msg);
+ return;
+ }
+ }
+ var apiError = function (error) {
+ console.log("getdecoder url from api error", error);
+ }
+ request(apiUrl, 'POST', para, '', apiSuccess, apiError);
+ });
+ } /* 获取播放地址 - 结束 */
+ }
+ }
+ // 格式化回放时间
+ function formatRecTime(time, defaultTime) {
+ // 用户格式 无需更改 => 20182626T000000Z
+ // return time
+ // 用户格式需要更改
+ //用户时间长度为 14 20181226000000 =》 20181226000000
+ // 用户长度为12 201812260000 =》 201812260000 + defaultTime后面2位
+ // 用户长度为10 2018122600 =》 201812260000 + defaultTime后面4位
+ // 用户长度为8 20181226 =》 201812260000 + defaultTime后面6位
+ // 结果 20181226000000 14位
+ // 插入 TZ
+ var reg = /^[0-9]{8}T[0-9]{6}Z$/;
+ if (reg.test(time)) { // 用户格式 无需更改 => 20182626T000000Z
+ return time;
+ } else if (/[0-9]{8,14}/.test(time)) {
+ var start = 6 - (14 - time.length);
+ var end = defaultTime.length;
+ var standardTime = time + defaultTime.substring(start, end);
+ return standardTime.slice(0, 8) + 'T' + standardTime.slice(8) + 'Z';
+ } else {
+ throw new Error('回放时间格式有误,请确认');
+ }
+ }
+ function reRormatRecTime(time) {
+ var year = time.slice(0, 4);
+ var month = time.slice(4, 6);
+ var day = time.slice(6, 8);
+ var hour = time.slice(9, 11);
+ var minute = time.slice(11, 13);
+ var second = time.slice(13, 15);
+ var date = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
+ return new Date(date.replace(/-/g, '/')).getTime();
+ }
+ };
+
+ // 尝试播放
+ EZUIPlayer.prototype.tryPlay = function (playParams) {
+ this.log("开始尝试播放,播放配置参数为:");
+ this.log(playParams);
+ var _this = this;
+ // JSDecoder 播放
+ if (playParams && typeof playParams === 'object' && playParams.decoderPath) {
+ /** 初始化Decoder */
+ // this.initDecoder(playParams);
+ // 自动播放
+ // if(playParams.autoplay){
+ // console.log('配置了自动播放');
+ // setTimeout(function(){
+ // _this.play();
+ // },2000)
+ // }
+ } else {
+ this.opt.currentSource = playParams;
+ var me = this;
+ // 如果是HLS地址
+ if (/\.m3u8/.test(playParams)) {
+ // 如果是手机浏览器环境,或者原生支持HLS播放的,直接使用video标签播放
+ // 否则尝试使用hls.js播放,
+ // 最后使用flash
+ if (isMobile || isNativeSupportHls) {
+ this.log('使用原生video');
+ this.video.style.heght = this.opt.height = Number(this.opt.width.replace(/px$/g, '')) * 9 / 16 + 'px';
+ this.initVideoEvent();
+ } else {
+ var isPlayUrlHttps = playParams.indexOf('https') !== -1;
+ if (isHttps && !isPlayUrlHttps) { //https网站,http视频源安全问题需要flash播放
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ } else {
+ addJs(hlsJS, function () {
+ isSupportHls = Hls.isSupported();
+ if (isSupportHls) {
+ me.log('使用hls.js');
+ me.initHLS(playParams);
+ } else {
+ useFlash = true;
+ me.log('2 使用flash');
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ }
+ });
+ }
+ }
+ } else if (/^rtmp:/.test(playParams)) {
+ if (isMobile) {
+ this.opt.cur++;
+ this.tryPlay(playParams);
+ return;
+ } else {
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer(playParams);
+ });
+ }
+ } else if (/^wss:|^ws:/.test(playParams)) {
+ /*
+ * WS协议的JSMpeg的不支持IE11以下的版本
+ * 开放平台官网不支持IE8打开,所以官网上面不兼容两个人版本IE9 ,和IE10
+ *
+ * */
+ if (!ltIE11()) {
+ addJs(mpegJS, function () {
+ me.initJSmpeg(playParams);
+ });
+ } else {
+ alert('WS协议不支持Ie11以下的浏览器!请使用IE11,或者更高版本的浏览器');
+ return;
+ }
+ } else if (/\.flv/.test(this.opt.currentSource)) {
+ if (!ltIE11()) {
+ addJs(ckplayerJS, function () {
+ me.initCKPlayer();
+ });
+ } else {
+ addJs(flv_js, function () {
+ me.log("使用flv.js播放");
+ me.initflv();
+ });
+ }
+ }
+ }
+ };
+
+ // 初始化hls.js
+ EZUIPlayer.prototype.initHLS = function (hlsURL) {
+ var me = this;
+ var hls = new Hls({ defaultAudioCodec: 'mp4a.40.2' }); // 萤石设备默认使用 AAC LC 音频编码
+ hls.loadSource(hlsURL);
+ hls.attachMedia(this.video);
+ hls.on(Hls.Events.MANIFEST_PARSED, function () {
+ if (me.opt.autoplay) {
+ me.video.play();
+ }
+ me.initVideoEvent();
+ });
+ hls.on(Hls.Events.ERROR, function (event, data) {
+ if (data.fatal) {
+ switch (data.type) {
+ case Hls.ErrorTypes.NETWORK_ERROR:
+ // try to recover network error
+ console.log("fatal network error encountered, try to recover");
+ hls.startLoad();
+ break;
+ case Hls.ErrorTypes.MEDIA_ERROR:
+ console.log("fatal media error encountered, try to recover");
+ hls.recoverMediaError();
+ break;
+ default:
+ // cannot recover
+ hls.destroy();
+ break;
+ }
+ }
+ });
+
+ this.hls = hls;
+ };
+
+
+ // 初始化ckplayer
+ EZUIPlayer.prototype.initCKPlayer = function (url) {
+ this.log('ckplayer初始化');
+ var me = this;
+ var events = {
+ 'play': function () { me.emit('play') },
+ 'pause': function () { me.emit('pause') },
+ 'error': function () { me.emit('error') }
+ };
+ window.ckplayer_status = function () {
+ me.log(arguments);
+ events[arguments[0]] && events[arguments[0]]();
+ };
+
+ // 新增相同id的div标签,然后删除video标签
+ this.videoFlash = document.createElement('DIV');
+ this.video.parentNode.replaceChild(this.videoFlash, this.video);
+ this.video = this.videoFlash;
+ this.videoFlash.id = this.opt.parentId;
+ var flashvars = null;
+ // 如果rtmp服务器环境设置了视频暂停则断开链接
+ // 需要修改ckplayer.js setup参数第30个值
+ // 在播放暂停后点击播放是否采用重新链接的方式
+ if (/^rtmp/.test(this.opt.currentSource)) {
+ flashvars = {
+ f: this.opt.currentSource,
+ c: 0,
+ p: this.opt.autoplay ? 1 : 0,
+ i: this.opt.poster,
+ lv: 1,
+ loaded: 'loadHandler'
+ };
+ } else if (/\.m3u8/.test(this.opt.currentSource)) {
+ flashvars = {
+ s: 4, // 4-使用swf视频流插件播放
+ f: m3u8SWF,
+ a: this.opt.currentSource,
+ c: 0, // 0-使用ckplayer.js的配置 1-使用ckplayer.xml的配置
+ lv: 1, // 1-直播 0-普通方式
+ p: this.opt.autoplay ? 1 : 0, // 1-默认播放 0-默认暂停
+ i: this.opt.poster,
+ loaded: 'loadHandler'
+ };
+ } else {
+ flashvars = {
+ f: this.opt.currentSource,
+ c: 0,
+ p: 1,
+ loaded: 'loadHandler'
+ };
+ }
+ var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always', wmode: 'transparent' };
+ this.flashId = this.opt.parentId + 'flashId';
+ window.CKobject.embedSWF(ckplayerSWF, this.opt.parentId, this.flashId, this.opt.width, this.opt.height, flashvars, params);
+ };
+
+ EZUIPlayer.prototype.initVideoEvent = function () {
+ var me = this;
+ var EVENT = {
+ 'loadstart': function (e) {
+ me.log('loadstart...当浏览器开始查找音频/视频时...');
+ me.emit('loadstart', e);
+ },
+ 'durationchange': function (e) {
+ me.log('durationchange...当音频/视频的时长已更改时...');
+ me.emit('durationchange', e);
+ },
+ 'loadedmetadata': function (e) {
+ me.log('loadedmetadata...当浏览器已加载音频/视频的元数据时...');
+ me.emit('loadedmetadata', e);
+ },
+ 'loadeddata': function (e) {
+ me.log('loadeddata...当浏览器已加载音频/视频的当前帧时...');
+ me.emit('loadeddata', e);
+ },
+ 'progress': function (e) {
+ me.log('progress...当浏览器正在下载音频/视频时...');
+ me.emit('progress', e);
+ },
+ 'canplay': function (e) {
+ me.log('canplay...当浏览器可以播放音频/视频时...');
+ me.emit('canplay', e);
+ },
+ 'canplaythrough': function (e) {
+ me.log('canplaythrough...当浏览器可在不因缓冲而停顿的情况下进行播放时...');
+ me.emit('canplaythrough', e);
+ },
+ 'abort': function (e) {
+ me.log('abort...当音频/视频的加载已放弃时...');
+ me.emit('abort', e);
+ },
+ 'emptied': function (e) {
+ me.log('emptied...当目前的播放列表为空时...');
+ me.emit('emptied', e);
+ },
+ 'ended': function (e) {
+ me.log('ended...当目前的播放列表已结束时...');
+ me.emit('ended', e);
+ },
+ 'pause': function (e) {
+ me.log('pause...当音频/视频已暂停时...');
+ me.emit('pause', e);
+ },
+ 'play': function (e) {
+ me.log('play...当音频/视频已开始或不再暂停时...');
+ me.emit('play', e);
+ },
+ 'playing': function (e) {
+ me.log('playing...当音频/视频在已因缓冲而暂停或停止后已就绪时...');
+ me.emit('playing', e);
+ },
+ 'ratechange': function (e) {
+ me.log('ratechange...当音频/视频的播放速度已更改时...');
+ me.emit('ratechange', e);
+ },
+ 'seeked': function (e) {
+ me.log('seeked...当用户已移动/跳跃到音频/视频中的新位置时...');
+ me.emit('seeked', e);
+ },
+ 'seeking': function (e) {
+ me.log('seeking...当用户开始移动/跳跃到音频/视频中的新位置时...');
+ me.emit('seeking', e);
+ },
+ 'stalled': function (e) {
+ me.log('stalled...当浏览器尝试获取媒体数据,但数据不可用时...');
+ me.emit('stalled', e);
+ },
+ 'suspend': function (e) {
+ me.log('suspend...当浏览器刻意不获取媒体数据时...');
+ me.emit('suspend', e);
+ if (me.opt.autoplay) {
+ me.video.play();
+ }
+ },
+ 'timeupdate': function (e) {
+ //me.log('timeupdate...当目前的播放位置已更改时...');
+ me.emit('timeupdate', e);
+ },
+ 'volumechange': function (e) {
+ me.log('volumechange...当音量已更改时...');
+ me.emit('volumechange', e);
+ },
+ 'waiting': function (e) {
+ me.log('waiting...当视频由于需要缓冲下一帧而停止...');
+ me.emit('waiting', e);
+ },
+ 'error': function (e) {
+ me.log('error...当在音频/视频加载期间发生错误时...');
+ me.emit('error', e);
+ }
+
+ };
+ for (var i in EVENT) {
+ this.video.addEventListener(i, EVENT[i], false);
+ }
+
+ ios11Hack(this.video);
+
+ };
+
+ EZUIPlayer.prototype.initJSmpeg = function (jsmpegUrl) {
+ this.canvasEle = document.createElement('canvas');
+ this.canvasEle.style.width = this.opt.width;
+ this.canvasEle.style.height = this.opt.height;
+ this.video.parentNode.replaceChild(this.canvasEle, this.video);
+ this.canvasEle.id = this.opt.parentId;
+ var player;
+ if (player && player.destroy) {
+ player.destroy();
+ }
+ player = new JSMpeg.Player(jsmpegUrl, { canvas: this.canvasEle });
+ this.JSmpeg = player;
+ };
+
+ EZUIPlayer.prototype.initflv = function () {
+ if (flvjs.isSupported()) {
+ var player = this.video;
+ var hasControls = player.getAttribute('controls');
+ if (!hasControls) {
+ player.setAttribute('controls', true);
+ }
+ var flvPlayer = flvjs.createPlayer({
+ type: 'flv',
+ url: this.opt.currentSource,
+ isLive: true,
+ }, {
+ enableStashBuffer: true,
+ stashInitialSize: 128,
+ enableWorker: true
+ });
+
+ flvPlayer.attachMediaElement(player);
+ flvPlayer.load();
+ flvPlayer.play();
+ } else {
+ this.log("浏览器不支持flv播放");
+ throw new Error('浏览器不支持flv播放');
+ return;
+ }
+ this.flv = flvPlayer;
+ };
+ EZUIPlayer.prototype.rePlay = function (playParams) {
+ this.loadingStart();
+ // _this.loadingSet(0,{text:'获取设备播放地址'})
+ var _this = this;
+ var getRealUrl = this.getRealUrl(playParams);
+ /**是否自动播放 */
+ if (isPromise(getRealUrl)) {
+ getRealUrl.then(function (data) {
+ _this.play(playParams);
+ })
+ .catch(function (err) {
+ console.log("播放错误", err)
+ });
+ }
+ }
+
+ EZUIPlayer.prototype.play = function (data) {
+ // debugger
+ //var index = params.index;
+ if (!!window['CKobject']) {
+ this.opt.autoplay = true;
+ this.initCKPlayer();
+ } else if (!!this.video) { // video播放 包含flv, hls
+ if (!!this.hls) { // hls开始播放依赖 this.hls
+ this.opt.autoplay = true;
+ this.hls.startLoad();
+ this.video.play();
+ } else if (!!this.JSmpeg) {
+ this.JSmpeg.play();
+ } else { // 其他开始播放使用原生video
+ this.opt.autoplay = true;
+ this.video.play();
+ }
+ } else if (!!this.jSPlugin) {
+ var playParams = this.playParams;
+
+ var audioId = 0
+ if(playParams && playParams.audioId){
+ audioId = playParams.audioId;
+ }else if(playParams && playParams.audioId === -1){
+ audioId = undefined;
+ }
+ if ( typeof data === 'string'){
+ playParams.url = data;
+ }else if(typeof data === 'object'){
+ playParams = Object.assign(playParams,data);
+ }
+ var getRealUrl = this.getRealUrl(playParams);
+ var _this = this;
+ getRealUrl.then(function () {
+ function getPlayParams(url) {
+ var websocketConnectUrl = url.split('?')[0].replace('/live', '').replace('/playback', '');
+ // console.log("playParams,",playParams,playParams.env.wsUrl)
+ // if(playParams && playParams.env && playParams.env.wsUrl){
+ // websocketConnectUrl= playParams.env.wsUrl;
+ // }
+ console.log("_this.opt.sources.", _this.opt.sources)
+ var websocketStreamingParam = (url.indexOf('/live') === -1 ? (url.indexOf('cloudplayback') !== -1 ? '/cloudplayback?' : '/playback?') : '/live?') + url.split('?')[1];
+ // 本地回放仅支持主码流 - 2019-11-05 修订
+ if (websocketStreamingParam.indexOf('/playback') !== -1) {
+ websocketStreamingParam = websocketStreamingParam.replace("stream=2", 'stream=1');
+ }
+ // 本地回放仅支持主码流
+ return { websocketConnectUrl: websocketConnectUrl, websocketStreamingParam: websocketStreamingParam }
+ }
+ _this.opt.sources.forEach(function (item, index) {
+ if (getQueryString('dev', item) || item.indexOf('ws') !== -1) {
+ _this.log("开始播放, 第" + (index + 1) + '路,' + '地址:' + item);
+ _this.loadingSet(index, { text: '准备播放...', color: '#fff' })
+ // 设置秘钥 - 如果地址中包含秘钥参数,播放前配置到JSPlugin对应实例中
+ var validateCode = getQueryString('checkCode', item);
+ if (validateCode) {
+ _this.log('设置秘钥,视频路数:' + (index + 1) + '验证码:' + validateCode)
+ _this.jSPlugin.JS_SetSecretKey(index, validateCode);
+ }
+ var playST = new Date().getTime();
+
+ var wsUrl = ''
+ var wsParams = ''
+ if (_this.playParams && _this.playParams.hasOwnProperty('userName') && _this.playParams.hasOwnProperty('password')) {
+ wsUrl = item.split('?')[0];
+ wsParams = {
+ sessionID: getQueryString('sessionID', item),
+ }
+ } else {
+ wsUrl = getPlayParams(item).websocketConnectUrl;
+ wsParams = {
+ playURL: getPlayParams(item).websocketStreamingParam
+ }
+ }
+ _this.jSPlugin.JS_Play(wsUrl, wsParams, index).then(function () {
+ _this.log('播放成功,当前播放第' + (index + 1) + '路');
+ _this.loadingSet(index, { text: '播放成功...' });
+ //单次播放日志上报
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 2,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playST,
+ rt: 200,
+ })
+ // 播放成功
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 99,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playStartTime,
+ rt: 200,
+ })
+ _this.loadingEnd(index);
+ // 默认开启声音
+ // 默认开启第一路声音
+ if (typeof(audioId) !== "undefined" && audioId === index) {
+ _this.log("默认开启第1路声音");
+ setTimeout(function () {
+ var openSoundRT = _this.jSPlugin.JS_OpenSound(0);
+ console.log("openSoundRT", openSoundRT)
+ openSoundRT.then(function (data) {
+ _this.log('开启声音成功', data)
+ })
+ .catch(function (err) {
+ _this.log('开启声音失败', 'error', err)
+ })
+ }, 100)
+ }
+ // 播放成功回调
+ if (playParams && playParams.handleSuccess) {
+ playParams.handleSuccess();
+ }
+ //
+ // 播放成功日志上报
+ var PlTp = 1;
+ if (playParams && playParams.url) {
+ if (playParams.url.indexOf('rec') !== -1) {
+ PlTp = 2;
+ }
+ }
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: encodeURIComponent(item),
+ Time: (new Date()).Format('yyyy-MM-dd hh:mm:ss.S'),
+ Enc: 0, // 0 不加密 1 加密
+ PlTp: PlTp, // 1 直播 2 回放
+ Via: 2, // 2 服务端取流
+ ErrCd: 0,
+ OpId: uuid(),
+ Cost: (new Date()).getTime() - _this.initTime, // 毫秒数
+ Serial: getQueryString('dev', item),
+ Channel: getQueryString('chn', item),
+ });
+ }, function (err) {
+ _this.log('播放失败' + JSON.stringify(err), 'error');
+ var errorInfo = JSON.parse(_this.errorCode).find(function (item) { return item.detailCode.substr(-4) == err.oError.errorCode });
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 2,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - playStartTime,
+ rt: err.oError ? err.oError.errorCode : 500,
+ msg: errorInfo ? errorInfo.description : '播放过程其他错误'
+ })
+ var msg = errorInfo ? errorInfo.description : '播放过程其他错误';
+ _this.loadingSet(index, { text: msg, color: 'red' });
+ dclog({
+ systemName: PLAY_MAIN,
+ playurl: encodeURIComponent(item),
+ cost: -1,
+ ErrCd: (err && err.oError && err.oError.errorCode && (err.oError.errorCode + "").substr(-4)) || -1,
+ Via: 2,
+ OpId: uuid(),
+ Serial: getQueryString('dev', item),
+ Channel: getQueryString('chn', item),
+ });
+ if (playParams && playParams.handleError) {
+ var errorInfo = JSON.parse(_this.errorCode).find(function (item) { return item.detailCode.substr(-4) == err.oError.errorCode })
+ playParams.handleError({ retcode: err.oError.errorCode, msg: errorInfo ? errorInfo.description : '其他错误' });
+ }
+ })
+
+ } else {
+ if (isJSON(item) && JSON.parse(item).msg) {
+ _this.loadingSet(index, { text: JSON.parse(item).msg, color: 'red' })
+ }
+ }
+ })
+ })
+ }
+
+
+ };
+ EZUIPlayer.prototype.initDecoder = function (playParams) {
+ this.opt.id = playParams.id;
+ this.log("初始化解码器---开始");
+ var _this = this;
+ var initDecoderDurationST = new Date().getTime();
+ // DOM id
+ function initDecoder(resolve, reject) {
+ var jsPluginPath = playParams.decoderPath + '/js/jsPlugin-1.2.0.min.js';
+
+ /** 初始化解码器 */
+ addJs(jsPluginPath, function () {
+ _this.log("下载解码器完成,开始初始化");
+ /* decoder 属性配置 */
+ _this.jSPlugin = new JSPlugin({
+ szId: playParams.id,
+ // iType: 2,
+ // iMode: 0,
+ iWidth: playParams.width || 600,
+ iHeight: playParams.height || 400,
+ iMaxSplit: Math.ceil(Math.sqrt(playParams.url.split(",").length)),
+ iCurrentSplit: playParams.splitBasis || Math.ceil(Math.sqrt(playParams.url.split(",").length)),
+ szBasePath: playParams.decoderPath + '/js',
+ oStyle: {
+ border: "none",
+ background: "#000000"
+ }
+ });
+ _this.jSPlugin.JS_SetWindowControlCallback({
+ windowEventSelect: function (iWndIndex) { //插件选中窗口回调
+ iWind = iWndIndex;
+ },
+ pluginErrorHandler: function (iWndIndex, iErrorCode, oError) { //插件错误回调
+ console.log(iWndIndex, iErrorCode, oError);
+ if (playParams && playParams.handleError) {
+ playParams.handleError({ retcode: iErrorCode, msg: oError ? oError : '播放失败,请重试' });
+ if(playParams.url.indexOf("alarmId")!== -1) {
+ _this.loadingSetIcon(iWndIndex, 'retry');
+ _this.loadingSet(iWndIndex, { text: '播放结束' });
+ } else {
+ _this.loadingSetIcon(iWndIndex, 'retry');
+ _this.loadingSet(iWndIndex, { text: '播放失败,请重试' });
+ }
+ }
+ },
+ });
+ _this.jSPlugin.JS_SetOptions({
+ //bSupportSound: false //是否支持音频,默认支持
+ bSupporDoubleClickFull: typeof playParams.isSupporDoubleClickFull === 'undefined' ? true : playParams.isSupporDoubleClickFull, //是否双击窗口全屏,默认支持
+ //bOnlySupportMSE: true //只支持MSE
+ bOnlySupportJSDecoder: (typeof playParams.useMSE === 'undefined' || playParams.useMSE === false) ? true : false, //是否强制使用jsdecoder
+ }).then(function () {
+ console.log("JS_SetOptions");
+ });
+ // 注册全屏事件
+ window.onresize = function () {
+ _this.jSPlugin.JS_Resize(playParams.width || 600, playParams.height || 400);
+ }
+ _this.log("初始化解码器----完成");
+ // 执行一次初始化解码器服务请求上报
+ ezuikitDclog({
+ systemName: PERFORMANCE_EZUIKIT,
+ bn: 1,
+ browser: JSON.stringify(getBrowserInfo()),
+ duration: new Date().getTime() - initDecoderDurationST,
+ rt: 200,
+ })
+ resolve('200 OK')
+ });
+ /**
+ * 加载错误码
+ * 错误码维护平台 - omm管理系统
+ */
+ function success(data) {
+ if (data.code == 200) {
+ if (!window.localStorage) {
+ return false;
+ } else {
+ var storage = window.localStorage;
+ //写入a字段
+ storage["errorCode"] = JSON.stringify(data.data);
+ _this.errorCode = storage['errorCode'];
+ }
+ }
+ }
+ if (!window.localStorage) {
+ request(
+ playParams.decoderPath + "/js/errorCode.json",
+ "get",
+ {
+ language: 1,
+ time: new Date().getTime(),
+ appKey: '26810f3acd794862b608b6cfbc32a6b8',
+ },
+ '',
+ success
+ );
+ } else {
+ var storage = window.localStorage;
+ var errorCode = storage.errorCode;
+ if (!errorCode) {
+ request(
+ playParams.decoderPath + "/js/errorCode.json",
+ "get",
+ {
+ language: 1,
+ time: new Date().getTime(),
+ appKey: '26810f3acd794862b608b6cfbc32a6b8',
+ },
+ '',
+ success
+ );
+ } else {
+ _this.errorCode = storage['errorCode'];
+ }
+ }
+
+
+ }
+ var initDecoderPromise = new Promise(initDecoder);
+
+ return initDecoderPromise;
+ }
+ EZUIPlayer.prototype.stop = function (i, unDestory) {
+ // 执行停止
+ this.log("停止播放" + this.opt.currentSource);
+ this.opt.autoplay = false;
+ if (!!window['CKobject']) {
+ //CKobject.getObjectById(this.flashId).destroy();
+ this.video.src = ""
+ // this.video.remove();
+ } else if (!!this.video) {
+ if (!!this.hls) { // hls停止依赖this.hls
+ // 通过暂停停止播放
+ this.video.pause();
+ this.video.src = ""
+ // 停止取流
+ this.hls.stopLoad();
+ } else if (!!this.flv) {
+ this.flv.pause();
+ this.flv.unload();
+ this.flv.detachMediaElement();
+ this.flv.destroy();
+ this.flv = null;
+ } else if (!!this.JSmpeg) {
+ this.JSmpeg.stop();
+ // this.JSmpeg.destroy();
+ }
+ } else if (!!this.jSPlugin) {
+ var _this = this;
+ if (typeof i === "undefined") {
+ return this.jSPlugin.JS_Stop(0).then(function () {
+ _this.log("停止播放成功" + _this.opt.currentSource);
+ console.log("stop success");
+ // 额外销毁worker
+ // _this.jSPlugin.JS_DestroyWorker();
+ _this.loadingEnd(0);
+ //removeChild(0);
+ }, function () {
+ _this.log("停止播放失败" + _this.opt.currentSource);
+ console.log("stop failed");
+ });
+ } else {
+ return this.jSPlugin.JS_Stop(i).then(function () {
+ _this.log("第" + i + "路停止播放成功" + _this.opt.currentSource);
+ _this.loadingEnd(i);
+ console.log("stop success");
+ }, function () {
+ _this.log("第" + i + "路停止播放失败" + _this.opt.currentSource);
+ _this.loadingEnd(i);
+ console.log("stop failed");
+ });
+ // 额外销毁worker - 多窗口暂不销毁
+ // this.jSPlugin.JS_DestroyWorker();
+ //removeChild(i);
+ }
+ }
+ };
+ EZUIPlayer.prototype.destroy = function (i) {
+ _this.jSPlugin.JS_DestroyWorker();
+ }
+
+ // 获取OSD时间
+ // EZUIPlayer.prototype.getOSDTime = function (callback, iWind) {
+ // if (!!this.jSPlugin) {
+ // this.jSPlugin.JS_GetOSDTime(iWind || 0).then(function (iTime) {
+ // callback(iTime * 1000);
+ // }, function (err) {
+ // console.log("get OSD Time error", err);
+ // });
+ // } else {
+ // throw new Error("Method not support");
+ // }
+ // }
+ // 返回promise的getOSDTime方法
+ EZUIPlayer.prototype.getOSDTime = function (wNum) {
+ const _this = this;
+ if (!!this.jSPlugin) {
+ return _this.jSPlugin.JS_GetOSDTime(wNum || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 返回promise的getOSDTime方法
+ EZUIPlayer.prototype.getVersion = function (wNum) {
+ const _this = this;
+ if (!!this.jSPlugin) {
+ console.log(_this.jSPlugin.JS_GetSdkVersion());
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+
+ // 开启声音
+ EZUIPlayer.prototype.openSound = function (iWind) {
+ if (!!this.jSPlugin) {
+ var openSoundRT = this.jSPlugin.JS_OpenSound(iWind || 0);
+ openSoundRT === 0 ? this.log('开启声音成功') : this.log('开启声音失败', 'error');
+ return openSoundRT;
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 全屏
+ EZUIPlayer.prototype.fullScreen = function () {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_FullScreenDisplay(1);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 关闭声音
+ EZUIPlayer.prototype.closeSound = function (iWind) {
+ if (!!this.jSPlugin) {
+ var closeSoundRT = this.jSPlugin.JS_CloseSound(iWind || 0);
+ closeSoundRT === 0 ? this.log('关闭声音成功') : this.log('关闭声音失败', 'error');
+ return closeSoundRT;
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 视频截图
+ EZUIPlayer.prototype.capturePicture = function (iWind, pictureName) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_CapturePicture(iWind, pictureName)
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 开始录像
+ EZUIPlayer.prototype.startSave = function (iWind, fileName) {
+ if (!!this.jSPlugin) {
+ this.log("开始录制录像");
+ return this.jSPlugin.JS_StartSave(iWind, fileName)
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 结束录像
+ EZUIPlayer.prototype.stopSave = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_StopSave(iWind);
+ this.log("结束录制录像");
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ EZUIPlayer.prototype.reSize = function (width, height) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_Resize(width, height);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ EZUIPlayer.prototype.pause = function () {
+ this.opt.autoplay = false;
+ if (!!window['CKobject']) {
+ CKobject.getObjectById(this.flashId).videoPause();
+ } else if (!!this.video) {
+ if (!!this.JSmpeg) {
+ this.JSmpeg.pause();
+ } else {
+ this.video.pause();
+ }
+ } else if (!!this.jSPlugin) {
+ this.jSPlugin.JS_Pause(0).then(function () {
+ }, function () {
+ });
+ }
+ };
+
+ EZUIPlayer.prototype.load = function () {
+ if (!!window['CKobject']) {
+ // flash load
+ } else if (!!this.video) {
+ this.video.load();
+ }
+ };
+ // 开启电子放大
+ EZUIPlayer.prototype.enableZoom = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_EnableZoom(iWind || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+ // 关闭电子放大
+ EZUIPlayer.prototype.closeZoom = function (iWind) {
+ if (!!this.jSPlugin) {
+ return this.jSPlugin.JS_DisableZoom(iWind || 0);
+ } else {
+ throw new Error("Method not support");
+ }
+ }
+
+
+
+ // iOS11手机HLS直播在m3u8响应时间过长后不继续请求的hack
+ function ios11Hack(video) { var isloadeddata = false; var isPlaying = false; var stalledCount = 0; video.addEventListener('loadeddata', function () { isloadeddata = true; }, false); video.addEventListener('stalled', function () { stalledCount++; if (!isPlaying) { if (stalledCount >= 2 && !isloadeddata) { video.load(); video.play(); isloadeddata = false; isPlaying = false; stalledCount = 0; } } }, false); video.addEventListener('playing', function () { isPlaying = true; }); }
+ function ltIE11() { var userAgent = navigator.userAgent; var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; if (isIE) { return true; } else { return false; } }
+
+
+ var EZUIKit = {
+ 'EZUIPlayer': EZUIPlayer,
+ };
+ // 兼容1.4 以下旧版本
+ // var EZUIPlayer = EZuikit.EZUIPlayer;
+
+ if (!noGlobal) {
+ window.EZUIKit = EZUIKit;
+ // 兼容1.4 以下旧版本
+ window.EZUIPlayer = EZUIPlayer;
+ }
+ return EZUIKit;
+});
diff --git a/static/ezPlay/js/jquery.min.js b/static/ezPlay/js/jquery.min.js
new file mode 100644
index 0000000..49d1fcf
--- /dev/null
+++ b/static/ezPlay/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/
+
+
+
+
+
+
+
+
+
+
+