ezuikit-js 0.4.4 → 0.4.7

package/ezuikit.js

@@ -14,13 +14,17 @@ class Core {
 Date.prototype.Format = function (fmt) { 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 };
 
 // 加载js
-const addJs = (filepath, callback) => {
+const addJs = (filepath, callback, isReadyFun) => {
   var headerScript = document.getElementsByTagName('head')[0].getElementsByTagName("script");
   var isReady = false;
-  for (var i = 0; i < headerScript.length; i++) {
-    if (headerScript[i].getAttribute("src") == filepath) {
-      isReady = true;
-      callback();
+  if(isReadyFun) {
+    isReady = isReadyFun();
+  } else {
+    for (var i = 0; i < headerScript.length; i++) {
+      if (headerScript[i].getAttribute("src") == filepath) {
+        isReady = true;
+        callback();
+      }
     }
   }
   if (!isReady) {
@@ -201,7 +205,7 @@ const request = (url, method, params, header, success, error) => {
 
 class HLS {
   constructor(videoId, url) {
-    addJs("https://cdn.jsdelivr.net/npm/hls.js@latest", () => {
+    addJs("https://open.ys7.com/sdk/js/2.0/js/hls.min.js", () => {
       console.log("加载hls.min.js成功", window.Hls);
       console.log("isSupportHls", window.Hls.isSupported());
       if (window.Hls.isSupported()) {
@@ -24067,7 +24071,8 @@ C11.4,16.3,11,16.6,10.6,16.6z" />
     }
     this.timer = setInterval(() => {
       var getOSDTimePromise = this.jSPlugin.getOSDTime();
-      getOSDTimePromise.then((v) => {
+      getOSDTimePromise.then((data) => {
+        var v = data.data;
         if (v === -1) {
           console.log("获取播放时间错误");
         } else {
@@ -26106,12 +26111,19 @@ class Theme {
         this.initThemeData();
         this.renderThemeData();
         break;
+      case 'themeData':
+        this.themeData = this.jSPlugin.params.themeData;
+        this.initThemeData();
+        this.renderThemeData();
       default:
         this.fetchThemeData(this.jSPlugin.themeId);
         break;
       }
     }
-    if ((this.decoderState.state.cloudRec) || (this.decoderState.state.rec)) {
+    var isNeedRenderTimeLine = lodash.findIndex(this.themeData.header.btnList, (v)=>{
+      return (v.iconId === 'cloudRec' && v.isrender === 1) ||  (v.iconId === 'rec' && v.isrender === 1) ;
+    }) >= 0 || (this.isMobile &&matchEzopenUrl(jSPlugin.url).type.indexOf('rec') !== -1);
+    if (isNeedRenderTimeLine) {
       if (this.isMobile) {
         this.Rec = new MobileRec(jSPlugin);
       } else {
@@ -26121,7 +26133,7 @@ class Theme {
     if (!this.jSPlugin.Talk) {
       this.jSPlugin.Talk = new Talk(this.jSPlugin);
     }
-    if (this.decoderState.state.type === 'live') {
+    if (matchEzopenUrl(jSPlugin.url).type === 'live') {
       if (this.isMobile) {
         this.MobilePtz = new MobilePtz(jSPlugin);
         this.Ptz = new Ptz(jSPlugin);
@@ -26212,7 +26224,7 @@ class Theme {
         }
         break;
       case 'sound':
-        if (`${this.jSPlugin.id}-sound`) {
+        if (document.getElementById(`${this.jSPlugin.id}-sound`)) {
           if (options[item]) {
             document.getElementById(`${this.jSPlugin.id}-sound-content`).children[0].children[1].style = "display:inline-block";
             document.getElementById(`${this.jSPlugin.id}-sound-content`).children[0].children[0].style = "display:none";
@@ -27002,6 +27014,43 @@ class Theme {
   }
 }
 
+class Monitor {
+  constructor(params) {
+    this.params = params;
+    this.state = {
+    };
+  }
+  dclog(dclogObj) {
+    const { params } = this;
+    var url = "https://log.ys7.com/statistics.do?";
+    if(params.env) {
+      switch(params.env){
+        case 'test12':
+          url = "https://test12dclog.ys7.com/statistics.do?";
+          break;
+        case 'online':
+          break;
+        default:
+          url = params.env;
+          break;
+      }
+    }
+    var obj = Object.assign({}, { systemName: "open_website_monitor" }, { bn: "ezuikit-js" }, dclogObj, {un:dclogObj.url}, { st: new Date().getTime(), h: window.location.pathname }); // usr_name 更改为un，兼容旧
+    Object.keys(obj).forEach(function(item, index){
+      var value = obj[item];
+      if (typeof (obj[item]) === 'string') {
+        value = obj[item].replace('%', '%25'); // decodeURIComponent 无法解析%
+      }
+      if (typeof (obj[item]) === 'undefined') {
+        return;
+      }
+      url += "".concat(index === 0 ? '' : '&').concat(item, "=").concat(encodeURIComponent(value));
+    });
+    var img = new Image();
+    img.src = url;
+  }
+}
+
 /**
  * EZUIKitPlayer for npm
  */
@@ -27551,6 +27600,8 @@ class Theme {
                           _this.opt.isReliesReady = true;
                         });
                       });
+                    },()=>{
+                      return !!window.adapter;
                     });
                   } // 创建DOM
 
@@ -28597,13 +28648,638 @@ class Theme {
 });
 var EZUIKitV3$1 = EZUIKitV3;
 
+/**
+ * Created by wangweijie5 on 2016/12/16.
+ */
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var __instance = function () {
+    var instance = void 0;
+    return function (newInstance) {
+        if (newInstance) instance = newInstance;
+        return instance;
+    };
+}();
+
+(function () {
+    function AudioRenderer() {
+        _classCallCheck(this, AudioRenderer);
+
+        if (__instance()) return __instance();
+
+        // 确保只有单例
+        if (AudioRenderer.unique !== undefined) {
+            return AudioRenderer.unique;
+        }
+
+        AudioRenderer.unique = this;
+
+        this.oAudioContext = null;
+        this.currentVolume = 0.8; // 初始音量
+        this.bSetVolume = false;
+        this.gainNode = null;
+        this.iWndNum = -1; // 窗口号
+        this.mVolumes = new Map(); // 用于存储所有音量
+
+        // Init AudioContext
+        var AudioContext = window.AudioContext || window.webkitAudioContext;
+        this.oAudioContext = new AudioContext();
+
+        this.writeString = function (view, offset, string) {
+            for (var i = 0; i < string.length; i++) {
+                view.setUint8(offset + i, string.charCodeAt(i));
+            }
+        };
+
+        this.setBufferToDataview = function (output, offset, input) {
+            for (var i = 0; i < input.length; i++, offset++) {
+                output.setUint8(offset, input[i]);
+            }
+        };
+
+        __instance(this);
+    }
+
+    /**
+     * @synopsis 音频播放
+     *
+     *  @param dataBuf [IN] 音频缓存
+     *  @param dataLen [IN] 缓存长度
+     *  @param audioInfo [IN] 音频参数
+     *
+     * @returns 状态码
+     */
+
+
+    _createClass(AudioRenderer, [{
+        key: 'Play',
+        value: function Play(dataBuf, dataLen, audioInfo) {
+            var bufferData = new ArrayBuffer(44 + dataLen);
+            var viewTalk = new DataView(bufferData);
+            var sampleRates = audioInfo.samplesPerSec;
+            var channels = audioInfo.channels;
+            var bitsPerSample = audioInfo.bitsPerSample;
+
+            //console.log("audiorender sampleRates"+sampleRates+"channels:"+channels+"bitsPerSample:"+bitsPerSample);
+
+            /* RIFF identifier */
+            this.writeString(viewTalk, 0, 'RIFF');
+            /* file length */
+            viewTalk.setUint32(4, 32 + dataLen * 2, true);
+            /* RIFF type */
+            this.writeString(viewTalk, 8, 'WAVE');
+            /* format chunk identifier */
+            this.writeString(viewTalk, 12, 'fmt ');
+            /* format chunk length */
+            viewTalk.setUint32(16, 16, true);
+            /* sample format (raw) */
+            viewTalk.setUint16(20, 1, true);
+            /* channel count */
+            viewTalk.setUint16(22, channels, true);
+            /* sample rate */
+            viewTalk.setUint32(24, sampleRates, true);
+            /* byte rate (sample rate * block align) */
+            viewTalk.setUint32(28, sampleRates * 2, true);
+            /* block align (channel count * bytes per sample)/8 */
+            viewTalk.setUint16(32, channels * bitsPerSample / 8, true);
+            /* bits per sample */
+            viewTalk.setUint16(34, bitsPerSample, true);
+            /* data chunk identifier */
+            this.writeString(viewTalk, 36, 'data');
+            /* data chunk length */
+            viewTalk.setUint32(40, dataLen, true);
+            this.setBufferToDataview(viewTalk, 44, dataBuf);
+
+            var self = this;
+            this.oAudioContext.decodeAudioData(viewTalk.buffer, function (buffer) {
+
+                var bufferSource = self.oAudioContext.createBufferSource();
+                if (bufferSource == null) {
+                    return -1;
+                }
+
+                bufferSource.buffer = buffer;
+                bufferSource.start(0);
+
+                if (self.gainNode == null || self.bSetVolume) {
+                    self.gainNode = self.oAudioContext.createGain();
+                    // self.gainNode.gain.value = self.currentVolume;
+                    // // self.currentVolume = self.gainNode.gain.value;
+                    // self.gainNode.connect(self.oAudioContext.destination);
+
+                    self.bSetVolume = false;
+                }
+
+                self.gainNode.gain.value = self.currentVolume;
+                // self.currentVolume = self.gainNode.gain.value;
+                self.gainNode.connect(self.oAudioContext.destination);
+
+                bufferSource.connect(self.gainNode);
+            }, function (e) {
+                console.log("decode error");
+                return -1;
+            });
+
+            return 0;
+        }
+
+        /**
+         * @synopsis 停止播放
+         *
+         * @returns 返回音量
+         */
+
+    }, {
+        key: 'Stop',
+        value: function Stop() {
+            if (this.gainNode != null) {
+                this.gainNode.disconnect();
+                this.gainNode = null;
+            }
+
+            // this.oAudioContext.close();
+
+            // AudioRenderer.unique = undefined;
+            // __instance() = null;
+            return true;
+        }
+
+        /**
+         * @synopsis 设置音量
+         *
+         *  @param iVolume [IN] 音量
+         *
+         * @returns 状态码
+         */
+
+    }, {
+        key: 'SetVolume',
+        value: function SetVolume(iVolume) {
+            this.bSetVolume = true;
+            this.currentVolume = iVolume;
+
+            // 储存当前窗口设置音量值
+            this.mVolumes.set(this.iWndNum, iVolume);
+            return true;
+        }
+
+        /**
+         * @synopsis 设置窗口号
+         *
+         *  @param iWndNum [IN] 窗口号
+         *
+         * @returns 状态码
+         */
+
+    }, {
+        key: 'SetWndNum',
+        value: function SetWndNum(iWndNum) {
+            this.iWndNum = iWndNum;
+
+            // 获取当前窗口设置音量值
+            var iVolume = this.mVolumes.get(iWndNum);
+            if (iVolume == undefined) {
+                iVolume = 0.8; // 默认音量
+            }
+            this.currentVolume = iVolume;
+
+            return true;
+        }
+
+        /**
+         * @synopsis 获取音量
+         *
+         * @returns 返回音量
+         */
+
+    }, {
+        key: 'GetVolume',
+        value: function GetVolume() {
+            // 获取当前窗口设置音量值
+            var iVolume = this.mVolumes.get(this.iWndNum);
+            if (iVolume == undefined) {
+                iVolume = 0.8; // 默认音量
+            }
+
+            return iVolume;
+        }
+    }]);
+window.AudioRenderer = AudioRenderer;
+    return AudioRenderer;
+})();
+
+//顶点着色器
+//attribute修饰符用于声明由浏览器（javascript）传输给顶点着色器的变量值；
+// vertexPos即我们定义的顶点坐标；
+// gl_Position是一个内建的传出变量。
+var vertexYUVShader = [
+    'attribute vec4 vertexPos;',
+    'attribute vec2 texturePos;',
+    'varying vec2 textureCoord;',
+
+    'void main()',
+    '{',
+        'gl_Position = vertexPos;',
+        'textureCoord = texturePos;',
+    '}'
+    ].join('\n');
+    //像素着色器(yuv->rgb)
+var fragmentYUVShader = [
+    'precision highp float;',
+    'varying highp vec2 textureCoord;',
+    'uniform sampler2D ySampler;',
+    'uniform sampler2D uSampler;',
+    'uniform sampler2D vSampler;',
+    'const mat4 YUV2RGB = mat4',
+    '(',
+        '1.1643828125, 0, 1.59602734375, -.87078515625,',
+        '1.1643828125, -.39176171875, -.81296875, .52959375,',
+        '1.1643828125, 2.017234375, 0, -1.081390625,',
+        '0, 0, 0, 1',
+    ');',
+  
+    'void main(void) {',
+        'highp float y = texture2D(ySampler,  textureCoord).r;',
+        'highp float u = texture2D(uSampler,  textureCoord).r;',
+        'highp float v = texture2D(vSampler,  textureCoord).r;',
+        'gl_FragColor = vec4(y, u, v, 1) * YUV2RGB;',
+    '}'
+    ].join('\n');
+
+(function (root, factory) {
+    // root.SuperRender = factory();
+    window.SuperRender = factory();
+}(undefined, function () {
+    
+    function RenderManager(canvas) {
+
+        this.canvasElement = document.getElementById(canvas);
+
+        this.initContextGL();
+
+        if(this.contextGL) {
+            this.YUVProgram = this.initProgram(vertexYUVShader, fragmentYUVShader);
+            this.initBuffers();
+            this.initTextures();
+        }
+    }
+    /**
+     * 初始化WebGL上下文
+     */
+    RenderManager.prototype.initContextGL = function() {
+        
+        var canvas = this.canvasElement;
+
+        var gl = null;
+
+        try {
+            gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+        } catch (e) {
+            gl = null;
+        }
+
+        if(!gl || typeof gl.getParameter !== "function") {
+            gl = null;
+        }
+
+        this.contextGL = gl;
+
+        console.log("WebGL1.0");
+    };
+
+    /**
+     * 初始化着色器程序
+     * @param vertexShaderScript    顶点着色器脚本
+     * @param fragmentShaderScript  片段着色器脚本
+     */
+    RenderManager.prototype.initProgram = function(vertexShaderScript, fragmentShaderScript) {
+        
+        var gl = this.contextGL;
+        
+        var vertexShader = gl.createShader(gl.VERTEX_SHADER); //创建定点着色器
+        gl.shaderSource(vertexShader, vertexShaderScript);
+        gl.compileShader(vertexShader);
+        if(!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {
+            console.log('Vertex shader failed to compile: ' + gl.getShaderInfoLog(vertexShader));
+        }
+
+        var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(fragmentShader, fragmentShaderScript);
+        gl.compileShader(fragmentShader);
+        if(!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {
+            console.log('Fragment shader failed to compile: ' + gl.getShaderInfoLog(fragmentShader));
+        }
+
+        var program = gl.createProgram();
+        gl.attachShader(program, vertexShader);
+        gl.attachShader(program, fragmentShader);
+        gl.linkProgram(program);
+        if(!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+            console.log('Program failed to compile: ' + gl.getProgramInfoLog(program));
+        }
+        
+        gl.deleteShader(vertexShader);
+        gl.deleteShader(fragmentShader);
+
+        return program;
+    };
+
+    /**
+     * 初始化数据缓存
+     */
+    RenderManager.prototype.initBuffers = function() {
+        
+        var gl = this.contextGL;
+    
+        var vertexPosBuffer = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, vertexPosBuffer);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([1, 1, -1, 1, 1, -1, -1, -1]), gl.STATIC_DRAW);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+
+        var texturePosBuffer = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, texturePosBuffer);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([1, 0, 0, 0, 1, 1, 0, 1]), gl.DYNAMIC_DRAW);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+
+        this.vertexPosBuffer  = vertexPosBuffer;
+        this.texturePosBuffer = texturePosBuffer;
+    };
+
+    /**
+     * 创建纹理
+     */
+    RenderManager.prototype.initTexture = function() {
+
+        var gl = this.contextGL;
+
+        var textureRef = gl.createTexture();
+        gl.bindTexture(gl.TEXTURE_2D, textureRef);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+        gl.bindTexture(gl.TEXTURE_2D, null);
+
+        return textureRef;
+    };
+
+    /**
+     * 初始化YUV纹理
+     */
+    RenderManager.prototype.initTextures = function() {
+        
+        var gl = this.contextGL;
+        
+        var program = this.YUVProgram;
+        gl.useProgram(program);
+        
+        var yTextureRef = this.initTexture();
+        var ySamplerRef = gl.getUniformLocation(program, 'ySampler');
+        gl.uniform1i(ySamplerRef, 0);
+        this.yTextureRef = yTextureRef;
+
+        var uTextureRef = this.initTexture();
+        var uSamplerRef = gl.getUniformLocation(program, 'uSampler');
+        gl.uniform1i(uSamplerRef, 1);
+        this.uTextureRef = uTextureRef;
+
+        var vTextureRef = this.initTexture();
+        var vSamplerRef = gl.getUniformLocation(program, 'vSampler');
+        gl.uniform1i(vSamplerRef, 2);
+        this.vTextureRef = vTextureRef;
+        
+        gl.useProgram(null);
+    };
+
+    /**
+     * 显示帧数据
+     * @param nWidth    宽度
+     * @param nHeight   高度
+     * @param nHeight   帧数据
+     */
+    RenderManager.prototype.SR_DisplayFrameData = function(nWidth, nHeight, pData,dWidth,dHeight) {
+
+        if(nWidth <= 0 || nHeight <= 0)
+        {
+            return;
+        }
+
+        var gl = this.contextGL;
+
+        if(null == pData)
+        {
+            gl.clearColor(0.0, 0.0, 0.0, 0.0);
+            gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+            return;
+        }
+
+        var canvas = this.canvasElement;
+
+        this.nWindowWidth = canvas.width;
+        this.nWindowHeight = canvas.height;
+        
+        var nWindowWidth = this.nWindowWidth;
+        var nWindowHeight = this.nWindowHeight;
+
+        gl.clearColor(0.8, 0.8, 1.0, 1.0);
+        gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+
+        gl.viewport(0, 0, nWindowWidth, nWindowHeight);
+
+        this.updateFrameData(nWidth, nHeight, pData,dWidth,dHeight);
+
+        var program = this.YUVProgram;
+        gl.useProgram(program);
+
+        var vertexPosBuffer = this.vertexPosBuffer;
+        gl.bindBuffer(gl.ARRAY_BUFFER, vertexPosBuffer);
+        var vertexPosRef = gl.getAttribLocation(program, 'vertexPos');
+        gl.enableVertexAttribArray(vertexPosRef);
+        gl.vertexAttribPointer(vertexPosRef, 2, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+
+        var texturePosBuffer = this.texturePosBuffer;
+        gl.bindBuffer(gl.ARRAY_BUFFER, texturePosBuffer);
+        var texturePosRef = gl.getAttribLocation(program, 'texturePos');
+        gl.enableVertexAttribArray(texturePosRef);
+        gl.vertexAttribPointer(texturePosRef, 2, gl.FLOAT, false, 0, 0);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+
+        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); 
+
+        gl.disableVertexAttribArray(vertexPosRef);
+        gl.disableVertexAttribArray(texturePosRef);
+
+        gl.useProgram(null);
+    };
+
+    /**
+     * 上传YUV数据到纹理
+     * @param nWidth    宽度
+     * @param nHeight   高度
+     * @param nHeight   帧数据
+     */
+    RenderManager.prototype.updateFrameData = function(width, height, data,dWidth,dHeight) {
+
+        var gl = this.contextGL;
+
+        var yTextureRef = this.yTextureRef;
+        var uTextureRef = this.uTextureRef;
+        var vTextureRef = this.vTextureRef;
+
+        var i420Data = data;
+        // debugger;
+		if(width == dWidth && height == dHeight)
+		{
+			var yDataLength = width * height;
+			var yData = i420Data.subarray(0, yDataLength);
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, yTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, width, height, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, yData);
+			
+			var cbDataLength = width/2 * height/2;
+			var cbData = i420Data.subarray(width*height, width*height + cbDataLength);
+			gl.activeTexture(gl.TEXTURE1);
+			gl.bindTexture(gl.TEXTURE_2D, uTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, width/2, height/2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, cbData);
+			
+			var crDataLength = cbDataLength;
+			var crData = i420Data.subarray(width*height + width*height/4, width*height + width*height/4 + crDataLength);
+			gl.activeTexture(gl.TEXTURE2);
+			gl.bindTexture(gl.TEXTURE_2D, vTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, width/2, height/2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, crData);
+			
+		}
+        else
+		{
+			 // //裁剪宽
+			var yDataLength = dWidth * dHeight;
+			var yData=new Uint8Array(yDataLength) ;
+			for(var i=0;i<dHeight;i++)
+			{
+				//var ySonData=new Uint8Array(dWidth) ;
+				var ySonData = i420Data.subarray(i*width, i*width+dWidth);
+				for (var j = 0; j < dWidth; j++) {
+					yData[i*dWidth + j] = ySonData[j];
+				}
+			}
+			gl.activeTexture(gl.TEXTURE0);
+			gl.bindTexture(gl.TEXTURE_2D, yTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, dWidth, dHeight, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, yData);
+			yData=null;
+			ySonData=null;
+
+			var cbDataLength = dWidth/2 * dHeight/2;
+			var cbData =new Uint8Array(cbDataLength);
+			//var cbSonData=new Uint8Array(dWidth/2) ;
+			for(var i=0;i<dHeight/2;i++)
+			{
+				 var cbSonData = i420Data.subarray(width*height+i*width/2, width*height+i*width/2+dWidth/2);
+				for (var j = 0; j < dWidth/2; j++) {
+					cbData[i*dWidth/2 + j] = cbSonData[j];
+				}
+			}
+			gl.activeTexture(gl.TEXTURE1);
+			gl.bindTexture(gl.TEXTURE_2D, uTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, dWidth/2, dHeight/2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, cbData);
+			cbData=null;
+			cbSonData=null;
+
+			var crDataLength = cbDataLength;
+			var crData = new Uint8Array(crDataLength);
+			for(var i=0;i<dHeight/2;i++)
+			{
+				var crSonData = i420Data.subarray(width*height*5/4+i*width/2, width*height*5/4+i*width/2+dWidth/2);
+				for (var j = 0; j < dWidth/2; j++) {
+					crData[i*dWidth/2 + j] = crSonData[j];
+				}
+			}
+			gl.activeTexture(gl.TEXTURE2);
+			gl.bindTexture(gl.TEXTURE_2D, vTextureRef);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.LUMINANCE, dWidth/2, dHeight/2, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, crData);
+			crData=null;
+			crSonData=null;
+		}
+       
+    };
+
+    /**
+     * 设置显示区域
+     * @param stDisplayRect    显示区域
+     */
+    RenderManager.prototype.SR_SetDisplayRect = function(stDisplayRect) {
+
+        var gl = this.contextGL;
+
+        var nWindowWidth = this.nWindowWidth;
+        var nWindowHeight = this.nWindowHeight;
+        
+        var texturePosValues = null;
+        
+        if(stDisplayRect && nWindowWidth > 0 && nWindowHeight > 0) {
+            var fLeft = stDisplayRect.left / nWindowWidth;
+            var fTop = stDisplayRect.top / nWindowHeight;
+            var fRight = stDisplayRect.right / nWindowWidth;
+            var fBottom = stDisplayRect.bottom / nWindowHeight;
+
+            texturePosValues = new Float32Array([fRight, fTop, fLeft, fTop, fRight, fBottom, fLeft, fBottom]);
+        }
+        else {
+            texturePosValues = new Float32Array([1, 0, 0, 0, 1, 1, 0, 1]);
+        }
+
+        var texturePosBuffer = this.texturePosBuffer;
+
+        gl.bindBuffer(gl.ARRAY_BUFFER, texturePosBuffer);
+        gl.bufferSubData(gl.ARRAY_BUFFER, 0, texturePosValues);
+        gl.bindBuffer(gl.ARRAY_BUFFER, null);
+    };
+
+    /**
+     * 释放显示资源
+     */
+    RenderManager.prototype.SR_Destroy = function() {
+
+        var gl = this.contextGL;
+        
+        var YUVProgram = this.YUVProgram;
+        gl.deleteProgram(YUVProgram);
+
+        var vertexPosBuffer = this.vertexPosBuffer;
+        var texturePosBuffer = this.texturePosBuffer;
+        
+        gl.deleteBuffer(vertexPosBuffer);
+        gl.deleteBuffer(texturePosBuffer);
+
+        var yTextureRef = this.yTextureRef;
+        var uTextureRef = this.uTextureRef;
+        var vTextureRef = this.vTextureRef;
+        gl.deleteTexture(yTextureRef);
+        gl.deleteTexture(uTextureRef);
+        gl.deleteTexture(vTextureRef);
+    };
+
+    return RenderManager;
+
+}));
+
 /* eslint-disable valid-jsdoc */
+// import './jsPlugin-4.0.2.min.js';
 
 // iframe模板 - 兼容旧版本
 const matchTemplate = (templateName, params) => {
-  const IFRAMETEMPLATE = ['simple', 'standard', 'security', 'vioce', 'theme'];
-  const LOCALTEMPLATE = ['pcLive', 'pcRec', 'mobileLive', 'mobileRec', 'noData'];
+  const IFRAMETEMPLATE = ['simple', 'standard', 'security', 'voice', 'theme'];
+  const LOCALTEMPLATE = ['pcLive', 'pcRec', 'mobileLive', 'mobileRec', 'noData', ''];
   if (typeof templateName === 'undefined') {
+    if (params.themeData) {
+      return {
+        templateType: 'themeData',
+        templateId: 'themeData'
+      }
+    }
     return {
       templateType: 'local',
       templateId: ''
@@ -28650,6 +29326,9 @@ class EZUIKitPlayer {
       }
     };
     if (matchTemplate(this.params.template, params).templateType !== 'iframe') {
+      this.Monitor = new Monitor({
+        env: !(typeof params.disableMonitor !== 'undefined' && params.disableMonitor) ? 'online' : 'test12',
+      });
       this.id = params.id;
       this.width = params.width;
       this.height = params.height;
@@ -28657,44 +29336,81 @@ class EZUIKitPlayer {
       this.accessToken = params.accessToken;
       this.themeId = matchTemplate(params.template, params).templateId;
       this.id = params.id;
-      this.audio = params.audio;
+      this.audio = true;
       this.poster = params.poster;
       this.speed = 1;
+      this.env = {
+        domain: "https://open.ys7.com"
+      };
       this.staticPath = "https://open.ys7.com/assets/ezuikit_v4.0";
       if (typeof params.staticPath === 'string') {
         this.staticPath = params.staticPath;
       }
-      addJs(`${this.staticPath}/js/AudioRenderer.js`, () => {
-        addJs(`${this.staticPath}/js/SuperRender_10.js`, () => {
-          addJs(`${this.staticPath}/js/jsPlugin-4.0.2.min.js`, () => {
-            if (autoplay) {
-              var initEZUIKitPlayerPromise = this.initEZUIKitPlayer(params);
-              var getRealUrlPromise = this._getRealUrlPromise(params.accessToken, params.url);
-              Promise.all([initEZUIKitPlayerPromise, getRealUrlPromise]).then(values => {
-                console.log("values", values);
-                if (values[1]) {
-                  this._pluginPlay(values[1],
-                    () => { console.log("自动播放成功"); },
-                    () => { console.log("自动播放失败"); },
-                  );
-                }
-                window.EZUIKit[params.id].state.EZUIKitPlayer.init = true;
-                if (document.getElementById(`${params.id}canvas_draw0`)) {
-                  document.getElementById(`${params.id}canvas_draw0`).style.border = "none";
-                }
-              });
-            } else {
-              var initEZUIKitPlayerPromise = this.initEZUIKitPlayer(params);
-              initEZUIKitPlayerPromise.then((data) => {
-                console.log("初始化成功", data);
-                window.EZUIKit[params.id].state.EZUIKitPlayer.init = true;
-                if (document.getElementById(`${params.id}canvas_draw0`)) {
-                  document.getElementById(`${params.id}canvas_draw0`).style.border = "none";
-                }
-              });
+      if (typeof params.audio !== 'undefined') {
+        this.audio = params.audio;
+      }
+      addJs(`${this.staticPath}/js/jsPlugin-4.0.2.min.js`, () => {
+        if (autoplay) {
+          this.initTime = new Date().getTime();
+          this.Monitor.dclog({
+            url: this.url,
+            action: 0,
+            text: 'startInit',
+          });
+          var initEZUIKitPlayerPromise = this.initEZUIKitPlayer(params);
+          var getRealUrlPromise = this._getRealUrlPromise(params.accessToken, params.url);
+          Promise.all([initEZUIKitPlayerPromise, getRealUrlPromise]).then(values => {
+            if (values[1]) {
+              this._pluginPlay(values[1],
+                () => {
+                  console.log("自动播放成功");
+                  this.Monitor.dclog({
+                    url: this.url,
+                    action: 202,
+                    d: new Date().getTime() - this.initTime,
+                    text: 'autoPlaySuccess'
+                  });
+                },
+                () => {
+                  console.log("自动播放失败");
+                  this.Monitor.dclog({
+                    url: this.url,
+                    action: 402,
+                    d: new Date().getTime() - this.initTime,
+                    text: 'autoPlayError'
+                  });
+                },
+              );
+            }
+            window.EZUIKit[params.id].state.EZUIKitPlayer.init = true;
+            if (document.getElementById(`${params.id}canvas_draw0`)) {
+              document.getElementById(`${params.id}canvas_draw0`).style.border = "none";
             }
           });
-        });
+        } else {
+          this.initTime = new Date().getTime();
+          this.Monitor.dclog({
+            url: this.url,
+            action: 0,
+            text: 'startInit',
+          });
+          var initEZUIKitPlayerPromise = this.initEZUIKitPlayer(params);
+          initEZUIKitPlayerPromise.then((data) => {
+            console.log("初始化成功", data);
+            window.EZUIKit[params.id].state.EZUIKitPlayer.init = true;
+            if (document.getElementById(`${params.id}canvas_draw0`)) {
+              document.getElementById(`${params.id}canvas_draw0`).style.border = "none";
+            }
+            this.Monitor.dclog({
+              url: this.url,
+              action: 201,
+              d: new Date().getTime() - this.initTime,
+              text: 'initSuccess',
+            });
+          });
+        }
+      },()=>{
+        return !!window.JSPlugin;
       });
       if ((params.plugin && params.plugin.indexOf("talk") !== -1)) {
         this.Talk = new Talk(this);
@@ -28763,8 +29479,10 @@ class EZUIKitPlayer {
         },
         windowFullCcreenChange: function (bFull) {
         },
-        firstFrameDisplay: function (iWndIndex, iWidth, iHeight) {
+        firstFrameDisplay: (iWndIndex, iWidth, iHeight) => {
+          console.log(iWidth, iHeight);
           jSPlugin.JS_SetCanFullScreen(false);
+          this.pluginStatus.loadingClear();
         },
         performanceLack: function () {
         },
@@ -28801,8 +29519,8 @@ class EZUIKitPlayer {
   }
   _getRealUrlPromise(accessToken, url) {
     var apiDomain = this.env.domain;
-    if (this.jSPlugin.env) {
-      apiDomain = this.jSPlugin.env.domain;
+    if (this.env) {
+      apiDomain = this.env.domain;
     }
     var getRealUrlPromise = (resolve, reject) => {
       var realUrl = '';
@@ -29138,6 +29856,12 @@ class EZUIKitPlayer {
         });
       }
       successCallback();
+      this.Monitor.dclog({
+        url: this.url,
+        action: 211,
+        d: new Date().getTime() - this.playStartTime,
+        text: 'startPlaySuccess'
+      });
     }, (err) => {
       var errorInfo = this.errorHander.matchErrorInfo(err.oError.errorCode);
       var msg = errorInfo ? errorInfo.description : '播放失败，请检查设备及客户端网络';
@@ -29153,18 +29877,31 @@ class EZUIKitPlayer {
           type: "handleError"
         });
       }
-      successCallback(errorCallback);
+      errorCallback();
+      this.Monitor.dclog({
+        url: this.url,
+        action: 411,
+        d: new Date().getTime() - this.playStartTime,
+        text: 'startPlayError'
+      });
     });
   }
   play(options) {
-    if(options) {
-      if(typeof options.url === 'string') {
+    this.playStartTime = new Date().getTime();
+    this.Monitor.dclog({
+      url: this.url,
+      action: 1,
+      d: new Date().getTime() - this.initTime,
+      text: 'startPlay'
+    });
+    if (options) {
+      if (typeof options.url === 'string') {
         this.url = options.url;
       }
-      if(typeof options.accessToken === 'string') {
-        this.accessToken =  options.accessToken;
+      if (typeof options.accessToken === 'string') {
+        this.accessToken = options.accessToken;
       }
-      if(this.Theme && (typeof options.url === 'string' || typeof options.accessToken === 'string')) {
+      if (this.Theme && (typeof options.url === 'string' || typeof options.accessToken === 'string')) {
         this.Theme.getDeviceInfo();
       }
     }
@@ -29172,63 +29909,6 @@ class EZUIKitPlayer {
       this._getRealUrlPromise(this.accessToken, this.url)
         .then((data) => {
           this._pluginPlay(data, () => resolve(true), () => reject(false));
-          // console.log("get real url result ===", data);
-          // function getPlayParams(url) {
-          //   var websocketConnectUrl = url.split('?')[0].replace('/live', '').replace('/playback', '');
-          //   var websocketStreamingParam = (url.indexOf('/live') === -1 ? (url.indexOf('cloudplayback') !== -1 ? '/cloudplayback?' : '/playback?') : '/live?') + url.split('?')[1];
-          //   if (websocketStreamingParam.indexOf('/playback') !== -1) {
-          //     websocketStreamingParam = websocketStreamingParam.replace("stream=2", 'stream=1');
-          //   }
-          //   // 本地回放仅支持主码流
-          //   return {
-          //     websocketConnectUrl: websocketConnectUrl,
-          //     websocketStreamingParam: websocketStreamingParam
-          //   };
-          // }
-          // var wsUrl = getPlayParams(data).websocketConnectUrl;
-          // if(this.env && this.env.wsUrl) {
-          //   wsUrl = this.env.wsUrl;
-          // }
-          // var wsParams = {
-          //   playURL: getPlayParams(data).websocketStreamingParam
-          // };
-
-          // this.jSPlugin.JS_Play(wsUrl, wsParams, 0).then(() => {
-          //   console.log("播放成功");
-          //   this.pluginStatus.loadingClear();
-          //   if (this.Theme) {
-          //     this.Theme.setDecoderState({ play: true });
-          //   }
-          //   if (this.audio) {
-          //     setTimeout(() => {
-          //       this.openSound();
-          //     }, 500);
-          //   }
-          //   if (typeof this.params.handleSuccess === 'function') {
-          //     this.params.handleSuccess({
-          //       retcode: 0,
-          //       id: this.params.id,
-          //       type: "handleSuccess"
-          //     });
-          //   }
-          //   resolve(true);
-          // }, (err) => {
-          //   var errorInfo = this.errorHander.matchErrorInfo(err.oError.errorCode);
-          //   var msg = errorInfo ? errorInfo.description : '播放失败，请检查设备及客户端网络';
-          //   this.pluginStatus.loadingSetText({
-          //     text: msg,
-          //     color: 'red'
-          //   });
-          //   if (typeof this.params.handleError === 'function') {
-          //     this.params.handleError({
-          //       retcode: err.oError.errorCode,
-          //       msg: msg,
-          //       id: this.params.id,
-          //       type: "handleError"
-          //     });
-          //   }
-          //   reject(false);
-          // });
         })
         .catch((err) => {
           var msg = err.msg ? err.msg : '播放失败，请检查设备及客户端网络';
@@ -29354,7 +30034,7 @@ class EZUIKitPlayer {
           });
           // 兼容旧版本callback
           if (typeof this.params.getOSDTimeCallBack === 'function') {
-            this.params.getOSDTimeCallBack({ id: this.id, type: 'getOSDTime', code: 0, data: data});
+            this.params.getOSDTimeCallBack({ id: this.id, type: 'getOSDTime', code: 0, data: data });
           }
         })
         .catch(err => {
@@ -29365,7 +30045,7 @@ class EZUIKitPlayer {
           });
           // 兼容旧版本callback
           if (typeof this.params.getOSDTimeCallBack === 'function') {
-            this.params.getOSDTimeCallBack({ id: this.id, type: 'getOSDTime', code: -1,data: -1 });
+            this.params.getOSDTimeCallBack({ id: this.id, type: 'getOSDTime', code: -1, data: -1 });
           }
         });
     });
@@ -29545,6 +30225,53 @@ class EZUIKitPlayer {
     });
   }
   seek(startTime, endTime) {
+    var url = this.url;
+    var currentDay = (getQueryString(url, 'begin') || new Date().Format('yyyyMMdd')).substr(0, 8);
+    endTime = formatRecTime(currentDay, '235959');
+    if (startTime.length === 6) {
+      startTime = formatRecTime(currentDay, startTime);
+    } else if (startTime.length === 16) {
+      if (startTime.substr(0, 8) !== currentDay) {
+        this.params.handleError({
+          msg: "seek时间不能跨日期",
+          retcode: -1,
+          id: this.id,
+          type: "handleError"
+        });
+        return false;
+      }
+    } else {
+      this.params.handleError({
+        msg: "seek时间格式错误",
+        retcode: -1,
+        id: this.id,
+        type: "handleError"
+      });
+      return false;
+    }
+    // 格式化回放时间
+    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('回放时间格式有误，请确认');
+      }
+    }
     var seekRT = this.jSPlugin.JS_Seek(0, startTime, endTime);
     console.log("seekRT", seekRT);
     if (isPromise(seekRT)) {
@@ -29592,6 +30319,19 @@ class EZUIKitPlayer {
   stopTalk() {
     this.Talk.startTalk();
   }
+  destroy() {
+    var destroyRT = this.jSPlugin.JS_DestroyWorker(0);
+    if (this.Theme) {
+      this.Theme = null;
+      window.EZUIKit[this.params.id].state.EZUIKitPlayer.themeInit = false;
+    }
+    if (isPromise(destroyRT)) {
+      return destroyRT;
+    }
+    return new Promise(function (resolve) {
+      resolve(destroyRT);
+    });
+  }
 }
 
 (function (global, factory) {