ezuikit-js 7.7.3 → 7.7.5

package/demos/base-demo/ezuikit_static/v65/v1/js/AudioRenderer.js

@@ -1,225 +0,0 @@
-/**
- * Created by wangweijie5 on 2016/12/16.
- */
-
-"use strict";
-
-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;
-    };
-}();
-
-var AudioRenderer = 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 = 80; // 初始音量
-        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/100;
-                // 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, this.currentVolume);
-            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 = 80; // 默认音量
-            }
-            this.currentVolume = iVolume;
-
-            return true;
-        }
-
-        /**
-         * @synopsis 获取音量
-         *
-         * @returns 返回音量
-         */
-
-    }, {
-        key: 'GetVolume',
-        value: function GetVolume() {
-            // 获取当前窗口设置音量值
-            var iVolume = this.mVolumes.get(this.iWndNum);
-            if (iVolume == undefined) {
-                iVolume = 80; // 默认音量
-            }
-
-            return iVolume;
-        }
-    }]);
-    window.AudioRenderer = AudioRenderer;
-    return AudioRenderer;
-}();
-//# sourceMappingURL=AudioRenderer.js.map

package/demos/base-demo/ezuikit_static/v65/v1/js/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;
-
-}));