anquan-sccl/static/ezuikit/ezuikit.js

/**
 * 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<style>" + b + "</style>", 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 = "<xyz></xyz>", 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 = '<svg t="1567069979438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2399" width="32" height="32"><path d="M538.5344 266.4448a133.12 133.12 0 1 1 133.12-133.12 133.4272 133.4272 0 0 1-133.12 133.12zM255.0144 372.1984a121.6768 121.6768 0 1 1 121.6768-121.6768 121.856 121.856 0 0 1-121.6768 121.6768zM134.72 647.424a107.3664 107.3664 0 1 1 107.3664-107.264A107.52 107.52 0 0 1 134.72 647.424z m120.32 272.4608a90.9824 90.9824 0 1 1 90.9824-90.9824A91.1616 91.1616 0 0 1 255.04 919.8848zM538.5344 1024a79.36 79.36 0 1 1 79.36-79.36 79.36 79.36 0 0 1-79.36 79.36z m287.6928-134.144a64.1792 64.1792 0 1 1 64.1792-64.1792 64.3584 64.3584 0 0 1-64.1792 64.1792z m117.76-296.704a52.6336 52.6336 0 1 1 52.6592-52.6336 52.608 52.608 0 0 1-52.6336 52.6336z m-158.72-338.7136a40.96 40.96 0 1 1 12.0064 28.8512 40.5248 40.5248 0 0 1-12.0064-28.8512z" fill="#ffffff" p-id="2400"></path></svg>';
                        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 = '<svg t="1590935684181" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1623" width="32" height="32"><path d="M972.8 102.4c-30.72 0-51.2 20.48-51.2 51.2v51.2c-51.2-71.68-122.88-128-204.8-158.72C460.8-66.56 158.72 51.2 46.08 307.2S51.2 865.28 307.2 977.92 865.28 972.8 977.92 716.8H972.8c0-30.72-20.48-51.2-51.2-51.2s-51.2 20.48-51.2 51.2h-5.12c-46.08 76.8-112.64 138.24-199.68 174.08-209.92 87.04-445.44-15.36-532.48-225.28S148.48 215.04 358.4 133.12c189.44-81.92 404.48 0 506.88 174.08H768c-30.72 0-51.2 20.48-51.2 51.2s20.48 51.2 51.2 51.2h204.8c30.72 0 51.2-20.48 51.2-51.2V153.6c0-30.72-20.48-51.2-51.2-51.2z" p-id="1624" fill="#ffffff"></path></svg>';
                            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('<sessionID>'))
                                var userName = playParams.userName;
                                var password = playParams.password;
                                var sessionIDReg = /<sessionID>(.*)<\/sessionID>/i;
                                var challengeReg = /<challenge>(.*)<\/challenge>/i;
                                var iterationsReg = /<iterations>(.*)<\/iterations>/i;
                                var isIrreversibleReg = /<isIrreversible>(.*)<\/isIrreversible>/i;
                                var saltReg = /<salt>(.*)<\/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: "<SessionLogin><userName>" + playParams.userName + "</userName><password>" + szEncryptedPwd + "</password><sessionID>" + sessionID + "</sessionID>\r\n\t<isSessionIDValidLongTerm>false</isSessionIDValidLongTerm>\r\n\t<sessionIDVersion>2</sessionIDVersion>\r\n</SessionLogin>",
                                    },
                                    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;
});