ezuikit-js 7.7.0 → 7.7.2

package/demos/base-demo/ezuikit_static/v65/v1/js/playctrl/SuperRender_10.js

@@ -1,397 +0,0 @@
-"use strict";
- //顶点着色器
-//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();
-}(this, 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.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, cbData);
-			
-			var crDataLength = cbDataLength;
-			var crData = i420Data.subarray(width*height + width*height/4, width*height + width*height/4 + crDataLength);
-			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, 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.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, 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.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, 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);
-		//gl.getExtension('WEBGL_lose_context').loseContext();
-    };
-
-    return RenderManager;
-
-}));

package/demos/base-demo/ezuikit_static/v65/v1/js/playctrl/SuperRender_20.js

@@ -1 +0,0 @@
-"use strict";var vertexYUVShader=["#version 300 es","layout(location = 0) in vec4 vertexPos;","layout(location = 1) in vec2 texturePos;","out vec2 textureCoord;","void main()","{","gl_Position = vertexPos;","textureCoord = texturePos;","}"].join("\n");var fragmentYUVShader=["#version 300 es","precision highp float;","in vec2 textureCoord;","out vec4 fragColor;","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) {","float y = texture(ySampler,  textureCoord).r;","float u = texture(uSampler,  textureCoord).r;","float v = texture(vSampler,  textureCoord).r;","fragColor = vec4(y, u, v, 1) * YUV2RGB;","}"].join("\n");var vertexLineShader=["#version 300 es","layout(location = 0) in vec4 vertexPosLine;","void main()","{","gl_Position = vertexPosLine;","}"].join("\n");var fragmentLineShader=["#version 300 es","precision highp float;","uniform mediump float fRcom;","uniform mediump float fGcom;","uniform mediump float fBcom;","out vec4 fragColor;","void main()","{","fragColor = vec4(fRcom,fGcom,fBcom,1.0);","}"].join("\n");(function(e,r){e.SuperRender2=r()})(this,function(){function e(e){this.canvasElement=document.getElementById(e);this.initContextGL();if(this.contextGL){this.YUVProgram=this.initProgram(vertexYUVShader,fragmentYUVShader);this.LineProgram=this.initProgram(vertexLineShader,fragmentLineShader);this.initBuffers();this.initTextures()}}e.prototype.initContextGL=function(){var e=this.canvasElement;var r=null;try{r=e.getContext("webgl2")}catch(e){r=null}if(!r||typeof r.getParameter!=="function"){r=null}this.contextGL=r;console.log("WebGL2.0")};e.prototype.initProgram=function(e,r){var t=this.contextGL;var a=t.createShader(t.VERTEX_SHADER);t.shaderSource(a,e);t.compileShader(a);if(!t.getShaderParameter(a,t.COMPILE_STATUS)){console.log("Vertex shader failed to compile: "+t.getShaderInfoLog(a))}var i=t.createShader(t.FRAGMENT_SHADER);t.shaderSource(i,r);t.compileShader(i);if(!t.getShaderParameter(i,t.COMPILE_STATUS)){console.log("Fragment shader failed to compile: "+t.getShaderInfoLog(i))}var o=t.createProgram();t.attachShader(o,a);t.attachShader(o,i);t.linkProgram(o);if(!t.getProgramParameter(o,t.LINK_STATUS)){console.log("Program failed to compile: "+t.getProgramInfoLog(o))}t.deleteShader(a);t.deleteShader(i);return o};e.prototype.initBuffers=function(){var e=this.contextGL;var r=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,r);e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,1,-1,1,1,-1,-1,-1]),e.STATIC_DRAW);e.bindBuffer(e.ARRAY_BUFFER,null);var t=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,t);e.bufferData(e.ARRAY_BUFFER,new Float32Array([1,0,0,0,1,1,0,1]),e.DYNAMIC_DRAW);e.bindBuffer(e.ARRAY_BUFFER,null);var a=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,a);e.bufferData(e.ARRAY_BUFFER,16,e.DYNAMIC_DRAW);e.bindBuffer(e.ARRAY_BUFFER,null);this.vertexPosBuffer=r;this.texturePosBuffer=t;this.vertexLineBuffer=a};e.prototype.initTextures=function(){var e=this.contextGL;var r=this.YUVProgram;e.useProgram(r);var t=this.initTexture();var a=e.getUniformLocation(r,"ySampler");e.uniform1i(a,0);this.yTextureRef=t;var i=this.initTexture();var o=e.getUniformLocation(r,"uSampler");e.uniform1i(o,1);this.uTextureRef=i;var n=this.initTexture();var f=e.getUniformLocation(r,"vSampler");e.uniform1i(f,2);this.vTextureRef=n;e.useProgram(null)};e.prototype.initTexture=function(){var e=this.contextGL;var r=e.createTexture();e.bindTexture(e.TEXTURE_2D,r);e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR);e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR);e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE);e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE);e.bindTexture(e.TEXTURE_2D,null);return r};e.prototype.SR_DisplayFrameData=function(e,r,t){if(e<=0||r<=0){return}var a=this.contextGL;if(null==t){a.clearColor(0,0,0,0);a.clear(a.COLOR_BUFFER_BIT|a.DEPTH_BUFFER_BIT);return}var i=this.canvasElement;this.nWindowWidth=i.width;this.nWindowHeight=i.height;var o=this.nWindowWidth;var n=this.nWindowHeight;a.clearColor(.8,.8,1,1);a.clear(a.COLOR_BUFFER_BIT|a.DEPTH_BUFFER_BIT);a.viewport(0,0,o,n);this.updateFrameData(e,r,t);var f=this.YUVProgram;a.useProgram(f);var u=this.vertexPosBuffer;a.bindBuffer(a.ARRAY_BUFFER,u);var s=a.getAttribLocation(f,"vertexPos");a.enableVertexAttribArray(s);a.vertexAttribPointer(s,2,a.FLOAT,false,0,0);a.bindBuffer(a.ARRAY_BUFFER,null);var v=this.texturePosBuffer;a.bindBuffer(a.ARRAY_BUFFER,v);var l=a.getAttribLocation(f,"texturePos");a.enableVertexAttribArray(l);a.vertexAttribPointer(l,2,a.FLOAT,false,0,0);a.bindBuffer(a.ARRAY_BUFFER,null);a.drawArrays(a.TRIANGLE_STRIP,0,4);a.disableVertexAttribArray(s);a.disableVertexAttribArray(l);a.useProgram(null)};e.prototype.updateFrameData=function(e,r,t){var a=this.contextGL;var i=this.yTextureRef;var o=this.uTextureRef;var n=this.vTextureRef;var f=t;var u=e*r;var s=f.subarray(0,u);a.activeTexture(a.TEXTURE0);a.bindTexture(a.TEXTURE_2D,i);a.texImage2D(a.TEXTURE_2D,0,a.LUMINANCE,e,r,0,a.LUMINANCE,a.UNSIGNED_BYTE,s);var v=e/2*r/2;var l=f.subarray(u,u+v);a.activeTexture(a.TEXTURE1);a.bindTexture(a.TEXTURE_2D,o);a.texImage2D(a.TEXTURE_2D,0,a.LUMINANCE,e/2,r/2,0,a.LUMINANCE,a.UNSIGNED_BYTE,l);var R=v;var m=f.subarray(u+v,u+v+R);a.activeTexture(a.TEXTURE2);a.bindTexture(a.TEXTURE_2D,n);a.texImage2D(a.TEXTURE_2D,0,a.LUMINANCE,e/2,r/2,0,a.LUMINANCE,a.UNSIGNED_BYTE,m)};e.prototype.SR_DrawLine=function(e,r,t,a){var i=this.contextGL;var o=this.nWindowWidth;var n=this.nWindowHeight;var f=this.LineProgram;i.useProgram(f);var u=i.getUniformLocation(f,"fRcom");i.uniform1f(u,t.fR);var s=i.getUniformLocation(f,"fGcom");i.uniform1f(s,t.fG);var v=i.getUniformLocation(f,"fBcom");i.uniform1f(v,t.fB);var l=e.fX/o*2-1;var R=-(e.fY/n)*2+1;var m=r.fX/o*2-1;var h=-(r.fY/n)*2+1;var E=this.vertexLineBuffer;i.bindBuffer(i.ARRAY_BUFFER,E);i.bufferSubData(i.ARRAY_BUFFER,0,new Float32Array([l,R,m,h]));var T=i.getAttribLocation(f,"vertexPosLine");i.enableVertexAttribArray(T);i.vertexAttribPointer(T,2,i.FLOAT,false,0,0);i.bindBuffer(i.ARRAY_BUFFER,null);i.drawArrays(i.LINES,0,2);i.disableVertexAttribArray(T);i.useProgram(null)};e.prototype.SR_SetDisplayRect=function(e){var r=this.contextGL;var t=this.nWindowWidth;var a=this.nWindowHeight;var i=null;if(e&&t>0&&a>0){var o=e.left/t;var n=e.top/a;var f=e.right/t;var u=e.bottom/a;i=new Float32Array([f,n,o,n,f,u,o,u])}else{i=new Float32Array([1,0,0,0,1,1,0,1])}var s=this.texturePosBuffer;r.bindBuffer(r.ARRAY_BUFFER,s);r.bufferSubData(r.ARRAY_BUFFER,0,i);r.bindBuffer(r.ARRAY_BUFFER,null)};e.prototype.SR_Destroy=function(){var e=this.contextGL;var r=this.YUVProgram;e.deleteProgram(r);var t=this.LineProgram;e.deleteProgram(t);var a=this.vertexPosBuffer;var i=this.texturePosBuffer;var o=this.vertexLineBuffer;e.deleteBuffer(a);e.deleteBuffer(i);e.deleteBuffer(o);var n=this.yTextureRef;var f=this.uTextureRef;var u=this.vTextureRef;e.deleteTexture(n);e.deleteTexture(f);e.deleteTexture(u)};return e});