trtc-electron-sdk 11.7.603 → 11.8.603-alpha.0

package/liteav/LocalMediaTranscoder/index.d.ts

@@ -402,9 +402,9 @@ declare class TRTCLocalMediaTranscoder extends EventEmitter {
     removeImageSource(path: string): void;
     /**
      * 设置本地混流转码视频预览节点
-     * @param view {HTMLElement | null} - 如果传入的是 HTML 元素，必须是块元素；传入 null 时，会停止视频预览
+     * @param el {HTMLElement | null} - 如果传入的是 HTML 元素，必须是块元素；传入 null 时，会停止视频预览
      */
-    setMixedVideoRenderView(view: HTMLElement | null): void;
+    setMixedVideoRenderView(el: HTMLElement | null): void;
     private setMixedVideoFrameRenderCallback;
     private unsetMixedVideoFrameRenderCallback;
     private setEventCallback;

package/liteav/LocalMediaTranscoder/index.js

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRTCLocalMediaTranscodingSourceType = exports.TRTCLocalMediaTranscodingEvents = exports.TRTCLocalMediaTranscodingError = void 0;
 const events_1 = require("events");
 const trtc_define_1 = require("../trtc_define");
 const Renderer_1 = require("../Renderer");
-const logger_1 = __importDefault(require("../logger"));
 /**
  * @description 本地媒体流混流转码错误码
  * @enum {Number}
@@ -401,7 +397,7 @@ class TRTCLocalMediaTranscoder extends events_1.EventEmitter {
             this.container = null;
         }
         catch (error) {
-            logger_1.default.warn('TRTCLocalMediaTranscoder.destroy error', error);
+            console.warn('trtc: TRTCLocalMediaTranscoder.destroy error', error);
         }
     }
     // 帧率、码率在 JS 层为数值，可能被设置为负数，底层要求为无符号整数，此处做检验并将负值设置为零
@@ -520,11 +516,11 @@ class TRTCLocalMediaTranscoder extends events_1.EventEmitter {
     }
     /**
      * 设置本地混流转码视频预览节点
-     * @param view {HTMLElement | null} - 如果传入的是 HTML 元素，必须是块元素；传入 null 时，会停止视频预览
+     * @param el {HTMLElement | null} - 如果传入的是 HTML 元素，必须是块元素；传入 null 时，会停止视频预览
      */
-    setMixedVideoRenderView(view) {
-        if (view && view instanceof HTMLElement) {
-            if (this.container === view) {
+    setMixedVideoRenderView(el) {
+        if (el && el instanceof HTMLElement) {
+            if (this.container === el) {
                 return; // 重复在同一个 HTML 节点内渲染，不用处理，直接退出
             }
             else if (this.renderer) {
@@ -532,25 +528,13 @@ class TRTCLocalMediaTranscoder extends events_1.EventEmitter {
                 this.renderer.destroy();
                 this.renderer = null;
                 // 重新记录渲染的 HTML 节点并创建渲染器 
-                this.container = view;
-                this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container, {
-                    type: Renderer_1.RenderType.Video,
-                    onContextLost: () => {
-                        this.container = view;
-                        this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container, { type: Renderer_1.RenderType.Canvas2D });
-                    },
-                });
+                this.container = el;
+                this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container);
             }
             else {
                 // 第一次设置渲染的 HTML 节点，并创建渲染器，设置渲染回调
-                this.container = view;
-                this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container, {
-                    type: Renderer_1.RenderType.Video,
-                    onContextLost: () => {
-                        this.container = view;
-                        this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container, { type: Renderer_1.RenderType.Canvas2D });
-                    },
-                });
+                this.container = el;
+                this.renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, this.container);
                 this.setMixedVideoFrameRenderCallback();
             }
         }

package/liteav/Renderer/Canvas2DRenderer/index.js

@@ -8,7 +8,6 @@ const yuv_canvas_1 = __importDefault(require("yuv-canvas"));
 const yuv_buffer_1 = __importDefault(require("../yuv-buffer"));
 const trtc_define_1 = require("../../trtc_define");
 const util_1 = require("../util");
-const logger_1 = __importDefault(require("../../logger"));
 class Canvas2dRenderer {
     constructor(pixelFormat, view) {
         this.pixelFormat = pixelFormat;
@@ -47,7 +46,7 @@ class Canvas2dRenderer {
             this.viewContainer.removeChild(this.viewWrapper);
         }
         else {
-            logger_1.default.warn("trtc: Canvas2DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.parentElement);
+            console.warn("trtc: Canvas2DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.parentElement);
         }
         this.viewContainer = null;
         this.yuv = null;
@@ -64,7 +63,7 @@ class Canvas2dRenderer {
                 this._drawFrameBGRA(frameData);
                 break;
             default:
-                logger_1.default.warn('Canvas2dRenderer.drawFrame error. Not support video format:', this.pixelFormat);
+                console.warn('trtc:Canvas2dRenderer.drawFrame error. Not support video format:', this.pixelFormat);
         }
     }
     _drawFrameI420(frameData) {
@@ -108,7 +107,7 @@ class Canvas2dRenderer {
             }
         }
         catch (err) {
-            logger_1.default.error('Canvas2dRenderer._drawFrameI420 error:', err);
+            console.error('trtc:Canvas2dRenderer._drawFrameI420 error:', err);
         }
     }
     _drawFrameRGBA(frameData) {
@@ -152,7 +151,7 @@ class Canvas2dRenderer {
             }
         }
         catch (err) {
-            logger_1.default.error('Canvas2dRenderer._drawFrameRGBA error:', err);
+            console.error('trtc:Canvas2dRenderer._drawFrameRGBA error:', err);
         }
     }
     _drawFrameBGRA(frameData) {

package/liteav/Renderer/Canvas3DRenderer/I420Canvas3DRenderer.js

@@ -1,11 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 // import { createProgramFromSources } from './webgl-utils.js';
 const util_1 = require("../util");
-const logger_1 = __importDefault(require("../../logger"));
 const createProgramFromSources = require('./webgl-utils').createProgramFromSources;
 const vertexShaderSource = 'attribute vec2 a_position;'
     + 'attribute vec2 a_texCoord;'
@@ -47,7 +43,7 @@ const createGL = function (canvas) {
             || canvas.getContext("experimental-webgl");
     }
     catch (err) {
-        logger_1.default.warn('createGL error:', err);
+        console.warn('trtc:createGL error:', err);
         isSuccess = false;
     }
     if (!isSuccess || !gl) {
@@ -72,10 +68,10 @@ class I420Canvas3DRenderer {
             this.glProgram = createProgramFromSources(this.gl, [vertexShaderSource, yuvShaderSource]);
             this.gl.useProgram(this.glProgram);
             this._initTextures();
-            logger_1.default.debug('gl created', this.gl, canvas);
+            console.debug('trtc:gl created', this.gl, canvas);
         }
         catch (err) {
-            logger_1.default.warn('I420RenderContextCreator.constructor() failed.', err);
+            console.warn('trtc:I420RenderContextCreator.constructor() failed.', err);
             throw new Error('create WebGL context failed');
         }
     }
@@ -97,7 +93,7 @@ class I420Canvas3DRenderer {
             }
         }
         catch (err) {
-            logger_1.default.warn('I420Canvas3DRenderer.draw error:', err);
+            console.warn('trtc:I420Canvas3DRenderer.draw error:', err);
         }
     }
     destroy() {
@@ -107,11 +103,11 @@ class I420Canvas3DRenderer {
                 if (glExtension) {
                     glExtension.loseContext();
                 }
-                logger_1.default.debug('I420Canvas3DRenderer isContextLost:', this.gl.isContextLost());
+                console.debug('trtc:I420Canvas3DRenderer isContextLost:', this.gl.isContextLost());
             }
         }
         catch (err) {
-            logger_1.default.warn('I420Canvas3DRenderer.destroy', err);
+            console.warn('trtc:I420Canvas3DRenderer.destroy', err);
         }
         this._deleteProgram(this.glProgram);
         this.glProgram = null;
@@ -238,7 +234,7 @@ class I420Canvas3DRenderer {
             if (util_1.config.getDebugMode()) {
                 e = this.gl.getError();
                 if (e != this.gl.NO_ERROR) {
-                    logger_1.default.warn('upload y plane ', width, height, yplane.byteLength, ' error', e);
+                    console.log('trtc:upload y plane ', width, height, yplane.byteLength, ' error', e);
                 }
             }
             this.gl.activeTexture(this.gl.TEXTURE1);
@@ -247,7 +243,7 @@ class I420Canvas3DRenderer {
             if (util_1.config.getDebugMode()) {
                 e = this.gl.getError();
                 if (e != this.gl.NO_ERROR) {
-                    logger_1.default.warn('upload u plane ', width, height, uplane.byteLength, '  error', e);
+                    console.log('trtc:upload u plane ', width, height, uplane.byteLength, '  error', e);
                 }
             }
             this.gl.activeTexture(this.gl.TEXTURE2);
@@ -256,7 +252,7 @@ class I420Canvas3DRenderer {
             if (util_1.config.getDebugMode()) {
                 e = this.gl.getError();
                 if (e != this.gl.NO_ERROR) {
-                    logger_1.default.warn('upload v plane ', width, height, vplane.byteLength, '  error', e);
+                    console.log('trtc:upload v plane ', width, height, vplane.byteLength, '  error', e);
                 }
             }
         }

package/liteav/Renderer/Canvas3DRenderer/RGBACanvas3DRenderer.js

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const logger_1 = __importDefault(require("../../logger"));
 const vertex = [
     -1, -1, 0,
     1, -1, 0.0,
@@ -29,7 +25,7 @@ const createGL = function (canvas) {
             || canvas.getContext("experimental-webgl", { alpha: true, premultipliedAlpha: false });
     }
     catch (err) {
-        logger_1.default.warn('createGL error:', err);
+        console.warn('trtc:createGL error:', err);
         isSuccess = false;
     }
     if (!isSuccess || !gl) {
@@ -141,7 +137,7 @@ class RGBACanvas3DRenderer {
             initTexture(this.gl);
         }
         catch (err) {
-            logger_1.default.warn('RGBARenderContextCreator.create() failed.', err);
+            console.warn('trtc:RGBARenderContextCreator.create() failed.', err);
             throw new Error('create WebGL context failed');
         }
     }
@@ -157,7 +153,7 @@ class RGBACanvas3DRenderer {
             }
         }
         catch (err) {
-            logger_1.default.warn('RGBACanvas3DRenderer.draw error:', err);
+            console.warn('trtc:RGBACanvas3DRenderer.draw error:', err);
         }
     }
     destroy() {

package/liteav/Renderer/Canvas3DRenderer/index.d.ts

@@ -12,11 +12,7 @@ declare class Canvas3dRenderer implements IRenderer {
     private i420Width;
     private i420Height;
     private i420Rotation;
-    private onContextLost;
-    constructor(pixelFormat: TRTCVideoPixelFormat, view: HTMLElement, options: {
-        onContextLost: (() => void) | null;
-    });
-    private _handleContextLost;
+    constructor(pixelFormat: TRTCVideoPixelFormat, view: HTMLElement);
     private _createCanvas3DRenderer;
     setContentMode(mode: TRTCVideoFillMode): void;
     private bind;

package/liteav/Renderer/Canvas3DRenderer/index.js

@@ -8,20 +8,19 @@ const trtc_define_1 = require("../../trtc_define");
 const util_1 = require("../util");
 const RGBACanvas3DRenderer_1 = __importDefault(require("./RGBACanvas3DRenderer"));
 const I420Canvas3DRenderer_1 = __importDefault(require("./I420Canvas3DRenderer"));
-const logger_1 = __importDefault(require("../../logger"));
 const UP_LIMIT_COUNT = 16;
 let currentCreatedCount = 0;
 class Canvas3dRenderer {
-    constructor(pixelFormat, view, options) {
-        this.i420Width = 640;
-        this.i420Height = 360;
+    constructor(pixelFormat, view) {
+        this.i420Width = 0;
+        this.i420Height = 0;
         this.i420Rotation = 0;
         if (currentCreatedCount < UP_LIMIT_COUNT) {
             currentCreatedCount = currentCreatedCount + 1;
-            logger_1.default.debug('currentCreatedCount=', currentCreatedCount);
+            console.log('trtc: currentCreatedCount=', currentCreatedCount);
         }
         else {
-            throw new Error('WebGL context reach up limit');
+            throw new Error('trtc: WebGL context reach up limit');
         }
         this.pixelFormat = pixelFormat;
         this.viewContainer = view;
@@ -39,15 +38,8 @@ class Canvas3dRenderer {
         this.canvas = null;
         this.cacheCanvasOptions = {};
         this.canvas3DRenderer = null;
-        this.onContextLost = options.onContextLost || null;
-        this._handleContextLost = this._handleContextLost.bind(this);
         this.bind(view);
     }
-    _handleContextLost(e) {
-        logger_1.default.warn("_handleContextLost:", e);
-        this.onContextLost && this.onContextLost();
-        this.destroy();
-    }
     _createCanvas3DRenderer() {
         if (this.canvas) {
             try {
@@ -62,7 +54,7 @@ class Canvas3dRenderer {
                 }
             }
             catch (err) {
-                logger_1.default.warn('create WebGL context failed.', err);
+                console.warn('trtc:create WebGL context failed.', err);
                 throw new Error('create and initialize WebGL context failed');
             }
         }
@@ -77,43 +69,36 @@ class Canvas3dRenderer {
             this.canvas = document.createElement('canvas');
             this.viewWrapper.appendChild(this.canvas);
             this.viewContainer.appendChild(this.viewWrapper);
-            this.canvas.addEventListener("webglcontextlost", this._handleContextLost);
-            try {
-                // I420 WebGL 渲染有些特殊，视频宽高发生变化时，需要重新创建 canvas
-                if (this.pixelFormat === trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420) {
-                    if (this.i420Width || this.i420Height) {
-                        this.canvas.width = this.i420Width;
-                        this.canvas.height = this.i420Height;
-                        this.canvas3DRenderer = this._createCanvas3DRenderer();
-                    }
-                }
-                else {
+            // I420 WebGL 渲染有些特殊，视频宽高发生变化时，需要重新创建 canvas
+            if (this.pixelFormat === trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420) {
+                // 初始化时，i420Width 和 i420Height 为 0，所以不会创建渲染器
+                if (this.i420Width || this.i420Height) {
+                    this.canvas.width = this.i420Width;
+                    this.canvas.height = this.i420Height;
                     this.canvas3DRenderer = this._createCanvas3DRenderer();
                 }
             }
-            catch (e) {
-                this.canvas.removeEventListener("webglcontextlost", this._handleContextLost);
-                throw e;
+            else {
+                this.canvas3DRenderer = this._createCanvas3DRenderer();
             }
         }
     }
     unbind() {
-        var _a, _b, _c;
+        var _a, _b;
         (_a = this.canvas3DRenderer) === null || _a === void 0 ? void 0 : _a.destroy();
         this.canvas3DRenderer = null;
         if (this.canvas && this.viewWrapper && this.canvas.parentElement === this.viewWrapper) {
             this.viewWrapper.removeChild(this.canvas);
         }
         else {
-            logger_1.default.warn("Canvas3DRenderer unbind error: remove canvas error", this.canvas, this.viewWrapper);
+            console.warn("trtc: Canvas3DRenderer unbind error: remove canvas error", this.canvas, this.viewWrapper);
         }
-        (_b = this.canvas) === null || _b === void 0 ? void 0 : _b.removeEventListener("webglcontextlost", this._handleContextLost);
         this.canvas = null;
         if (this.viewWrapper && this.viewContainer && this.viewWrapper.parentElement === this.viewContainer) {
             this.viewContainer.removeChild(this.viewWrapper);
         }
         else {
-            logger_1.default.warn("Canvas3DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_c = this.viewContainer) === null || _c === void 0 ? void 0 : _c.parentElement);
+            console.warn("trtc: Canvas3DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_b = this.viewContainer) === null || _b === void 0 ? void 0 : _b.parentElement);
         }
         this.viewContainer = null;
     }
@@ -129,7 +114,7 @@ class Canvas3dRenderer {
                 this._drawFrameBGRA(frameData);
                 break;
             default:
-                logger_1.default.warn('Canvas2dRenderer.drawFrame error. Not support video format:', this.pixelFormat);
+                console.warn('trtc:Canvas2dRenderer.drawFrame error. Not support video format:', this.pixelFormat);
         }
     }
     _drawFrameI420(frameData) {
@@ -139,21 +124,14 @@ class Canvas3dRenderer {
             if (width <= 0 || height <= 0) {
                 throw new Error(`wrong video parameter width:${width} or height:${height}`);
             }
-            try {
-                // I420 WebGL 渲染有些特殊，视频宽高发生变化时，需要重新创建 canvas
-                if (width !== this.i420Width || height !== this.i420Height || rotation !== this.i420Rotation) {
-                    const tempViewContainer = this.viewContainer;
-                    this.unbind();
-                    this.i420Width = width;
-                    this.i420Height = height;
-                    this.i420Rotation = rotation;
-                    this.bind(tempViewContainer);
-                }
-            }
-            catch (e) {
-                this.onContextLost && this.onContextLost();
-                this.destroy();
-                throw new Error("re-create WebGL context failed");
+            // I420 WebGL 渲染有些特殊，视频宽高发生变化时，需要重新创建 canvas
+            if (width !== this.i420Width || height !== this.i420Height || rotation !== this.i420Rotation) {
+                const tempViewContainer = this.viewContainer;
+                this.unbind();
+                this.i420Width = width;
+                this.i420Height = height;
+                this.i420Rotation = rotation;
+                this.bind(tempViewContainer);
             }
             if (this.viewWrapper && this.canvas3DRenderer) {
                 this._updateCanvasStyle({
@@ -173,7 +151,7 @@ class Canvas3dRenderer {
             }
         }
         catch (err) {
-            logger_1.default.error('Canvas3dRenderer._drawFrameI420 error:', err);
+            console.error('trtc:Canvas3dRenderer._drawFrameI420 error:', err);
         }
     }
     _drawFrameRGBA(frameData) {
@@ -201,7 +179,7 @@ class Canvas3dRenderer {
             }
         }
         catch (err) {
-            logger_1.default.error('Canvas3dRenderer._drawFrameRGBA error:', err);
+            console.error('trtc:Canvas3dRenderer._drawFrameRGBA error:', err);
         }
     }
     _drawFrameBGRA(frameData) {
@@ -235,7 +213,6 @@ class Canvas3dRenderer {
             this.unbind();
             this.viewWrapper = null;
             currentCreatedCount--;
-            this.onContextLost = null;
         }
     }
 }

package/liteav/Renderer/Canvas3DRenderer/webgl-utils.js

@@ -51,10 +51,10 @@
     function error(msg) {
         if (topWindow.console) {
             if (topWindow.console.error) {
-                topWindow.console.error('[TRTC]', msg);
+                topWindow.console.error('trtc:', msg);
             }
             else if (topWindow.console.log) {
-                topWindow.console.log('[TRTC]', msg);
+                topWindow.console.log('trtc:', msg);
             }
         }
     }

package/liteav/Renderer/VideoRenderer/index.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_isequal_1 = __importDefault(require("lodash.isequal"));
 const trtc_define_1 = require("../../trtc_define");
 const util_1 = require("../util");
-const logger_1 = __importDefault(require("../../logger"));
 class VideoRenderer {
     constructor(pixelFormat, view) {
         this.pixelFormat = pixelFormat;
@@ -58,7 +57,7 @@ class VideoRenderer {
             this.viewContainer.removeChild(this.viewWrapper);
         }
         else {
-            logger_1.default.warn("Canvas3DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.parentElement);
+            console.warn("trtc: Canvas3DRenderer unbind error: remove viewWrapper error", this.viewWrapper, this.viewContainer, (_a = this.viewContainer) === null || _a === void 0 ? void 0 : _a.parentElement);
         }
         this.viewContainer = null;
     }
@@ -74,13 +73,13 @@ class VideoRenderer {
                     yield this._drawFrameH264(frameData);
                     break;
                 default:
-                    logger_1.default.warn('VideoRenderer.drawFrame error. Not support video format:', this.pixelFormat);
+                    console.warn('trtc:VideoRenderer.drawFrame error. Not support video format:', this.pixelFormat);
             }
         });
     }
     _drawFrameH264(frameData) {
         // To-do
-        logger_1.default.warn('H264 renderer not supported right now');
+        console.warn('trtc:H264 renderer not supported right now');
     }
     _drawFrameNonH264(frameData) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -113,7 +112,7 @@ class VideoRenderer {
                 }
             }
             catch (err) {
-                logger_1.default.error('VideoRenderer._drawFrameH264 error:', err);
+                console.error('trtc:VideoRenderer._drawFrameH264 error:', err);
             }
         });
     }

package/liteav/Renderer/index.d.ts

@@ -1,14 +1,5 @@
 import { TRTCVideoPixelFormat } from '../trtc_define';
 import IRenderer from './IRenderer';
-export declare enum RenderType {
-    WebGL = "WebGL",
-    Canvas2D = "Canvas2D",
-    Video = "Video"
-}
-export interface RendererOptions {
-    onContextLost?: () => void;
-    type?: RenderType;
-}
-export declare function createRenderer(pixelFormat: TRTCVideoPixelFormat, view: HTMLElement, options: RendererOptions): IRenderer;
+export declare function createRenderer(pixelFormat: TRTCVideoPixelFormat, view: HTMLElement): IRenderer;
 export * from './IRenderer';
 export * from './types';

package/liteav/Renderer/index.js

@@ -13,45 +13,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRenderer = exports.RenderType = void 0;
+exports.createRenderer = void 0;
 const Canvas3DRenderer_1 = __importDefault(require("./Canvas3DRenderer"));
 const Canvas2DRenderer_1 = __importDefault(require("./Canvas2DRenderer"));
 const VideoRenderer_1 = __importDefault(require("./VideoRenderer"));
 const util_1 = require("./util");
-const logger_1 = __importDefault(require("../logger"));
 const isWebGLSupported = (0, util_1.isSupportWebGL)();
-var RenderType;
-(function (RenderType) {
-    RenderType["WebGL"] = "WebGL";
-    RenderType["Canvas2D"] = "Canvas2D";
-    RenderType["Video"] = "Video";
-})(RenderType = exports.RenderType || (exports.RenderType = {}));
-function createRenderer(pixelFormat, view, options) {
-    if (options && !options.type) {
-        options.type = RenderType.Video;
-    }
+function createRenderer(pixelFormat, view) {
     let renderer = null;
-    if (window.VideoFrame && window.VideoDecoder && options.type === RenderType.Video) {
-        // Electron 15+ 版本支持 WebCodec API
-        renderer = new VideoRenderer_1.default(pixelFormat, view);
-        logger_1.default.log('created Video render');
-    }
-    else if (isWebGLSupported && (options.type === RenderType.Video || options.type === RenderType.WebGL)) {
+    if (isWebGLSupported) {
         try {
-            renderer = new Canvas3DRenderer_1.default(pixelFormat, view, {
-                onContextLost: options.onContextLost || null,
-            });
-            logger_1.default.log('created WebGL render');
+            renderer = new Canvas3DRenderer_1.default(pixelFormat, view);
+            console.log('trtc: created WebGL render');
         }
         catch (err) {
-            logger_1.default.warn('create WebGL renderer error.', err.message);
-            renderer = new Canvas2DRenderer_1.default(pixelFormat, view);
-            logger_1.default.log('created Canvas 2D render');
+            console.log('trtc: create WebGL renderer error.', err.message);
+            renderer = null;
         }
     }
-    else {
-        renderer = new Canvas2DRenderer_1.default(pixelFormat, view);
-        logger_1.default.log('created Canvas 2D render');
+    if (!renderer) {
+        // @ts-ignore
+        if (window.VideoFrame && window.VideoDecoder) {
+            // Electron 15+ 版本支持 WebCodec API
+            renderer = new VideoRenderer_1.default(pixelFormat, view);
+            console.log('trtc: created Video render');
+        }
+        else {
+            renderer = new Canvas2DRenderer_1.default(pixelFormat, view);
+            console.log('trtc: created Canvas 2D render');
+        }
     }
     return renderer;
 }

package/liteav/Renderer/util.d.ts

@@ -3,19 +3,20 @@
  * 配置对象, 可用来打开 debug 模式
  *
  * @example
- * import TRTCCloud from trtc-electron-sdk';
- * const rtcCloud = new TRTCCloud();
- * rtcCloud.getConfigObject().setDebugMode(true);
+ * // 使用示例代码：
+ * const TRTCCloud = require('trtc-electron-sdk');
+ * this.rtcCloud = new TRTCCloud();
+ * this.rtcCloud.getConfigObject().setDebugMode(true);
+ *
  */
-export declare class TRTCConfig {
+export declare class Config {
     private debugMode;
     constructor();
     setDebugMode(enable: boolean): void;
     getDebugMode(): boolean;
 }
-export declare const config: TRTCConfig;
 export declare function isNeedKeepWidthAndHeight(rotation: number, isNeedRotate: boolean): boolean;
-export declare function calcScaleRate(vertical: boolean, contentMode: number, contentWidth: number, contentHeight: number, containerWidth: number, containerHeight: number): number;
+export declare function calcScaleRate(vertical: boolean | undefined, contentMode: number | undefined, contentWidth: number, contentHeight: number, containerWidth: number, containerHeight: number): number;
 export declare function calcCanvasStyle(options?: {
     contentWidth: number;
     contentHeight: number;
@@ -40,6 +41,7 @@ export declare function calcVideoStyle(options?: {
 }): {
     [x: string]: any;
 };
+export declare const config: Config;
 export declare function allocBuffer(length: number): Buffer | null;
 export declare function generateUniqueId(): number;
 export declare function transferBGRA2RGBA(data: Uint8Array | ArrayBuffer, width: number, height: number): Uint8Array | ArrayBuffer;

package/liteav/Renderer/util.js

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSupportWebGL = exports.transferBGRA2RGBA = exports.generateUniqueId = exports.allocBuffer = exports.calcVideoStyle = exports.calcCanvasStyle = exports.calcScaleRate = exports.isNeedKeepWidthAndHeight = exports.config = exports.TRTCConfig = void 0;
+exports.isSupportWebGL = exports.transferBGRA2RGBA = exports.generateUniqueId = exports.allocBuffer = exports.config = exports.calcVideoStyle = exports.calcCanvasStyle = exports.calcScaleRate = exports.isNeedKeepWidthAndHeight = exports.Config = void 0;
 /**
  * 配置对象, 可用来打开 debug 模式
  *
  * @example
- * import TRTCCloud from trtc-electron-sdk';
- * const rtcCloud = new TRTCCloud();
- * rtcCloud.getConfigObject().setDebugMode(true);
+ * // 使用示例代码：
+ * const TRTCCloud = require('trtc-electron-sdk');
+ * this.rtcCloud = new TRTCCloud();
+ * this.rtcCloud.getConfigObject().setDebugMode(true);
+ *
  */
-class TRTCConfig {
+class Config {
     constructor() {
         this.debugMode = false;
     }
@@ -20,8 +22,7 @@ class TRTCConfig {
         return this.debugMode;
     }
 }
-exports.TRTCConfig = TRTCConfig;
-exports.config = new TRTCConfig();
+exports.Config = Config;
 function isNeedKeepWidthAndHeight(rotation, isNeedRotate) {
     // 需保持宽高不做变化
     return rotation === 0 || rotation === 180 || !isNeedRotate;
@@ -126,6 +127,7 @@ function calcVideoStyle(options = {
     return style;
 }
 exports.calcVideoStyle = calcVideoStyle;
+exports.config = new Config();
 function allocBuffer(length) {
     if (length >= 1) {
         return Buffer.alloc(length);