trtc-electron-sdk 11.2.118-beta.3 → 11.3.502-beta.1

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

@@ -19,6 +19,7 @@ declare class Canvas2dRenderer implements IRenderer {
     private _drawFrameBGRA;
     private _updateCanvasStyle;
     private _correctI420Data;
+    isValid(viewContainer: HTMLElement): boolean;
     destroy(): void;
 }
 export default Canvas2dRenderer;

package/liteav/Renderer/Canvas2DRenderer/index.js

@@ -41,9 +41,13 @@ class Canvas2dRenderer {
         }
     }
     unbind() {
+        var _a;
         if (this.viewWrapper && this.viewContainer && this.viewWrapper.parentElement === this.viewContainer) {
             this.viewContainer.removeChild(this.viewWrapper);
         }
+        else {
+            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;
     }
@@ -209,6 +213,10 @@ class Canvas2dRenderer {
         }
         return data;
     }
+    isValid(viewContainer) {
+        var _a;
+        return viewContainer === this.viewContainer && this.viewContainer === ((_a = this.viewWrapper) === null || _a === void 0 ? void 0 : _a.parentElement);
+    }
     destroy() {
         this.unbind();
         this.viewWrapper = null;

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

@@ -22,6 +22,7 @@ declare class Canvas3dRenderer implements IRenderer {
     private _drawFrameRGBA;
     private _drawFrameBGRA;
     private _updateCanvasStyle;
+    isValid(viewContainer: HTMLElement): boolean;
     destroy(): void;
 }
 export default Canvas3dRenderer;

package/liteav/Renderer/Canvas3DRenderer/index.js

@@ -84,16 +84,22 @@ class Canvas3dRenderer {
         }
     }
     unbind() {
-        var _a;
+        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 {
+            console.warn("trtc: Canvas3DRenderer unbind error: remove canvas error", this.canvas, this.viewWrapper);
+        }
         this.canvas = null;
         if (this.viewWrapper && this.viewContainer && this.viewWrapper.parentElement === this.viewContainer) {
             this.viewContainer.removeChild(this.viewWrapper);
         }
+        else {
+            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;
     }
     drawFrame(frameData) {
@@ -198,6 +204,10 @@ class Canvas3dRenderer {
             throw new Error('canvas element not exist');
         }
     }
+    isValid(viewContainer) {
+        var _a;
+        return viewContainer === this.viewContainer && this.viewContainer === ((_a = this.viewWrapper) === null || _a === void 0 ? void 0 : _a.parentElement);
+    }
     destroy() {
         if (this.viewWrapper) {
             this.unbind();

package/liteav/Renderer/IRenderer.d.ts

@@ -3,6 +3,7 @@ import { TFrameData } from './types';
 export interface IRenderer {
     drawFrame(frameData: TFrameData): void;
     setContentMode(mode: TRTCVideoFillMode): void;
+    isValid(viewContainer: HTMLElement): boolean;
     destroy(): void;
 }
 export default IRenderer;

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

@@ -20,6 +20,7 @@ declare class VideoRenderer implements IRenderer {
     _drawFrameNonH264(frameData: TFrameData): Promise<void>;
     _getPixelFormat(): string;
     _updateVideoStyle(options: TCanvasImageSourceStyleOptions): void;
+    isValid(viewContainer: HTMLElement): boolean;
     destroy(): void;
 }
 export default VideoRenderer;

package/liteav/Renderer/VideoRenderer/index.js

@@ -52,9 +52,13 @@ class VideoRenderer {
         }
     }
     unbind() {
+        var _a;
         if (this.viewWrapper && this.viewContainer && this.viewWrapper.parentElement === this.viewContainer) {
             this.viewContainer.removeChild(this.viewWrapper);
         }
+        else {
+            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;
     }
     drawFrame(frameData) {
@@ -140,6 +144,10 @@ class VideoRenderer {
             throw new Error('video element not exist');
         }
     }
+    isValid(viewContainer) {
+        var _a;
+        return viewContainer === this.viewContainer && this.viewContainer === ((_a = this.viewWrapper) === null || _a === void 0 ? void 0 : _a.parentElement);
+    }
     destroy() {
         this.unbind();
         this.viewWrapper = null;

package/liteav/trtc.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="node" />
 import { EventEmitter } from 'events';
 import { VodPlayer } from './vod_player';
-import { AudioMusicParam, Rect, TRTCAppScene, TRTCAudioEffectParam, TRTCAudioQuality, TRTCBeautyStyle, TRTCDeviceState, TRTCDeviceType, TRTCLogLevel, TRTCRenderParams, TRTCRoleType, TRTCSwitchRoomParam, TRTCVideoBufferType, TRTCVideoFillMode, TRTCVideoFrame, TRTCVideoPixelFormat, TRTCVideoRotation, TRTCVideoStreamType, TRTCWaterMarkSrcType, PluginInfo, TRTCAudioRecordingParams, TRTCScreenCaptureSourceInfo, TRTCScreenCaptureProperty, TRTCSpeedTestParams, TRTCRecordType, TRTCDeviceInfo, TRTCCameraCaptureParams, TRTCImageBuffer } from './trtc_define';
+import { AudioMusicParam, Rect, TRTCAppScene, TRTCAudioEffectParam, TRTCAudioQuality, TRTCBeautyStyle, TRTCDeviceState, TRTCDeviceType, TRTCLogLevel, TRTCRenderParams, TRTCRoleType, TRTCSwitchRoomParam, TRTCVideoBufferType, TRTCVideoFillMode, TRTCVideoPixelFormat, TRTCVideoRotation, TRTCVideoStreamType, TRTCWaterMarkSrcType, PluginInfo, TRTCAudioRecordingParams, TRTCScreenCaptureSourceInfo, TRTCScreenCaptureProperty, TRTCSpeedTestParams, TRTCRecordType, TRTCDeviceInfo, TRTCCameraCaptureParams, TRTCImageBuffer, TRTCInitConfig } from './trtc_define';
 export * from './trtc_define';
 export * from './trtc_code';
 export * from './vod_player';
@@ -20,7 +20,6 @@ export * from './vod_player';
 declare class TRTCCloud extends EventEmitter {
     private rtcCloud;
     private videoRendererMap;
-    private firstVideoFrameList;
     private playStreamType;
     private localFillMode;
     private remoteFillModeMap;
@@ -49,12 +48,12 @@ declare class TRTCCloud extends EventEmitter {
     private audioQuality;
     private bgmId;
     private playAudioEffectIdList;
-    constructor();
+    constructor(config?: TRTCInitConfig);
     /**
      * 创建 TRTCCloud 对象单例
      * @returns {TRTCCloud}
      */
-    static getTRTCShareInstance(): TRTCCloud;
+    static getTRTCShareInstance(config?: TRTCInitConfig): TRTCCloud;
     /**
      * 释放 TRTCCloud 对象并清理资源
      */
@@ -112,8 +111,9 @@ declare class TRTCCloud extends EventEmitter {
      * @event TRTCCallback#onWarning
      * @param {Number} warningCode - 警告码
      * @param {String} warningMsg  - 警告信息
+     * @param {Any} extra - 补充信息
      */
-    handleOnWarning(warningCode: number, warningMsg: string, extra: number): void;
+    handleOnWarning(warningCode: number, warningMsg: string, extra: any): void;
     /**
      * 已加入房间的回调
      *
@@ -2269,7 +2269,7 @@ declare class TRTCCloud extends EventEmitter {
     getKey(uid: string, type: TRTCVideoStreamType): string;
     setEnableRenderFrame(enable: boolean): void;
     private _getRendererMap;
-    _onRenderFrame(uid: string, type: TRTCVideoStreamType, width: number, height: number, timestamp: number, rotation: number, data: any): void;
+    private _onRenderFrame;
     private _onRealRender;
     private _createVideoRenderer;
     private _initRenderer;
@@ -2283,14 +2283,15 @@ declare class TRTCCloud extends EventEmitter {
      * @private
      * @throws {Error}
      */
-    _writefile(path: string, data: any): void;
-    _writeLog(info: string): void;
-    _onUserRenderCallback(callback: (userid: string, streamType: TRTCVideoStreamType, videoframe: TRTCVideoFrame) => void, format: TRTCVideoPixelFormat, userid: string, streamType: TRTCVideoStreamType, width: number, height: number, timestamp: number, rotation: number, data: any): void;
-    _initImageData(width: number, height: number): void;
-    _YUV2RGBA(width: number, height: number, buffer: ArrayBufferLike): Uint8ClampedArray;
-    _BGRA2RGBA(data: ArrayBuffer, width: number, height: number): Uint8ClampedArray;
-    _RGBA2BGRA(data: ArrayBuffer, width: number, height: number): Uint8ClampedArray;
-    _isMacPlatform(): boolean;
+    private _writefile;
+    private _writeLog;
+    private _onUserRenderCallback;
+    private _initImageData;
+    private _YUV2RGBA;
+    private _BGRA2RGBA;
+    private _RGBA2BGRA;
+    private _isMacPlatform;
+    private _setRemoteVideoBuffer;
 }
 export default TRTCCloud;
 export * from './LocalMediaTranscoder';

package/liteav/trtc.js

@@ -154,15 +154,14 @@ let oriRtcCloud = null;
  */
 class TRTCCloud extends events_1.EventEmitter {
     // 兼容 8.0 以下版本, 记录内部状态变量 --end
-    constructor() {
+    constructor(config) {
         super();
         const componentNO = getComponentNO();
-        oriRtcCloud = new trtc.NodeRTCCloud(pkg.version, componentNO);
+        oriRtcCloud = new trtc.NodeRTCCloud(Object.assign({ jsVersion: pkg.version, componentNO }, config));
         this.rtcCloud = Object.assign({}, oriRtcCloud, {
             onlineLog: undefined
         });
         this.videoRendererMap = new Map();
-        this.firstVideoFrameList = [];
         this.playStreamType = trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig;
         this.pixelFormat = trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420;
         this.pixelLength = 1.5;
@@ -187,7 +186,7 @@ class TRTCCloud extends events_1.EventEmitter {
         this.isScreenCapturing = false;
         this.isCaptureLocalVideoEnabled = false;
         this.videoProcessBufferType = trtc_define_1.TRTCVideoBufferType.TRTCVideoBufferType_Buffer;
-        this.videoProcessPixelFormat = trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_RGBA32;
+        this.videoProcessPixelFormat = trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420;
         this.initEventHandler();
         console.log('trtc:constructor pixelFormat:' + this.pixelFormat + '|sdk version:' + pkg.version +
             '|native sdk version:' + this.rtcCloud.getSDKVersion());
@@ -206,9 +205,9 @@ class TRTCCloud extends events_1.EventEmitter {
      * 创建 TRTCCloud 对象单例
      * @returns {TRTCCloud}
      */
-    static getTRTCShareInstance() {
+    static getTRTCShareInstance(config) {
         if (!trtcCloudInstance) {
-            trtcCloudInstance = new TRTCCloud();
+            trtcCloudInstance = new TRTCCloud(config);
         }
         return trtcCloudInstance;
     }
@@ -255,7 +254,6 @@ class TRTCCloud extends events_1.EventEmitter {
      * 清理资源
      */
     destroy() {
-        this.firstVideoFrameList = [];
         this.playAudioEffectIdList = [];
         this.remoteFillModeMap.clear();
         // this.destroyLocalMediaTranscoder();
@@ -478,6 +476,7 @@ class TRTCCloud extends events_1.EventEmitter {
      * @event TRTCCallback#onWarning
      * @param {Number} warningCode - 警告码
      * @param {String} warningMsg  - 警告信息
+     * @param {Any} extra - 补充信息
      */
     handleOnWarning(warningCode, warningMsg, extra) {
         this.fire('onWarning', warningCode, warningMsg, extra);
@@ -525,7 +524,6 @@ class TRTCCloud extends events_1.EventEmitter {
      * @param {Number} reason - 离开房间原因，0：主动调用 exitRoom 退房；1：被服务器踢出当前房间；2：当前房间整个被解散。
      */
     handleOnExitRoom(reason) {
-        this.firstVideoFrameList = [];
         this.fire('onExitRoom', reason);
     }
     /**
@@ -635,11 +633,6 @@ class TRTCCloud extends events_1.EventEmitter {
      */
     handleOnUserVideoAvailable(userId, available) {
         if (available == 0) {
-            if (this._isMacPlatform()) {
-                this.firstVideoFrameList = this.firstVideoFrameList.filter(function (item) {
-                    return !(userId === item.uid && item.type !== trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSub);
-                });
-            }
             const remoteUserVideoBuffers = remoteVideoBufferMap.get(userId);
             if (remoteUserVideoBuffers) {
                 if (remoteUserVideoBuffers.big) {
@@ -666,11 +659,6 @@ class TRTCCloud extends events_1.EventEmitter {
      */
     handleOnUserSubStreamAvailable(userId, available) {
         if (available == 0) {
-            if (this._isMacPlatform()) {
-                this.firstVideoFrameList = this.firstVideoFrameList.filter(function (item) {
-                    return !(userId === item.uid && item.type === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSub);
-                });
-            }
             if (screenVideoBufferMap.has(userId)) {
                 const targetVideoBuffer = screenVideoBufferMap.get(userId);
                 if (targetVideoBuffer && targetVideoBuffer.buffer) {
@@ -707,6 +695,9 @@ class TRTCCloud extends events_1.EventEmitter {
      * @param {Number} height     - 画面高度
      */
     handleOnFirstVideoFrame(userId, streamType, width, height) {
+        if (userId) {
+            this._setRemoteVideoBuffer(userId, streamType);
+        }
         this.fire('onFirstVideoFrame', userId, streamType, width, height);
     }
     /**
@@ -1808,9 +1799,6 @@ class TRTCCloud extends events_1.EventEmitter {
         const key = this.getKey(LOCAL_USER_VIDEO_ID, trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig);
         this._destroyRenderer(key, null);
         this.rtcCloud.stopLocalPreview();
-        this.firstVideoFrameList = this.firstVideoFrameList.filter(function (item) {
-            return !('' === item.uid && item.type === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig);
-        });
         if (localVideoBuffer.buffer) {
             this.rtcCloud.setLocalVideoBuffer(localVideoBuffer.buffer, 0, 0, localVideoBuffer.pixelFormat, localVideoBuffer.id);
             localVideoBuffer.buffer = null;
@@ -1920,47 +1908,7 @@ class TRTCCloud extends events_1.EventEmitter {
         this._initRenderer(key, views);
         // view 为 null 时，可能启动了自定义渲染，所以 Buffer 还是要创建，否则自定义渲染就拿不到数据；
         // view 非 null 时，当然必须创建 Buffer
-        const videoBufferInfo = new trtc_define_1.VideoBufferInfo({
-            userId: userId,
-            id: (0, util_1.generateUniqueId)(),
-            streamType: streamType,
-            width: DEFAULT_VIDEO_WIDTH,
-            height: DEFAULT_VIDEO_HEIGHT,
-            pixelFormat: this.pixelFormat,
-        });
-        if (streamType !== trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSub) {
-            const remoteUserVideoBuffers = remoteVideoBufferMap.get(userId);
-            if (!remoteUserVideoBuffers) {
-                // Buffer 不存在时才新建，否则只能在 handleVideoSizeChange 事件中重新申请 Buffer
-                if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig) {
-                    remoteVideoBufferMap.set(userId, { big: videoBufferInfo });
-                }
-                else if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSmall) {
-                    remoteVideoBufferMap.set(userId, { small: videoBufferInfo });
-                }
-                this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
-            }
-            else {
-                if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig && !remoteUserVideoBuffers.big) {
-                    remoteUserVideoBuffers.big = videoBufferInfo;
-                    this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
-                }
-                else if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSmall && !remoteUserVideoBuffers.small) {
-                    remoteUserVideoBuffers.small = videoBufferInfo;
-                    this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
-                }
-            }
-        }
-        else {
-            // 远端屏幕分享
-            // Buffer 为 null 时才新建，否则只能在 handleVideoSizeChange 事件中重新申请 Buffer
-            let targetVideoBuffer = screenVideoBufferMap.get(userId);
-            if (!targetVideoBuffer || !targetVideoBuffer.buffer) {
-                targetVideoBuffer = videoBufferInfo;
-                this.rtcCloud.setSubVideoBuffer(targetVideoBuffer.userId, targetVideoBuffer.buffer, targetVideoBuffer.streamType, targetVideoBuffer.width, targetVideoBuffer.height, targetVideoBuffer.pixelFormat, targetVideoBuffer.id);
-                screenVideoBufferMap.set(userId, targetVideoBuffer);
-            }
-        }
+        this._setRemoteVideoBuffer(userId, streamType);
         this.addRemoteVideoRenderCallback(userId);
         this.rtcCloud.startRemoteView(userId, streamType);
     }
@@ -2358,29 +2306,7 @@ class TRTCCloud extends events_1.EventEmitter {
      * - TRTCVideoStreamTypeSmall: 小画面视频流
      */
     setRemoteVideoStreamType(userId, streamType) {
-        const remoteUserVideoBuffers = remoteVideoBufferMap.get(userId);
-        if (remoteUserVideoBuffers) {
-            const videoBufferInfo = new trtc_define_1.VideoBufferInfo({
-                userId: userId,
-                id: (0, util_1.generateUniqueId)(),
-                streamType: streamType,
-                width: DEFAULT_VIDEO_WIDTH,
-                height: DEFAULT_VIDEO_HEIGHT,
-                pixelFormat: this.pixelFormat,
-            });
-            if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig && !remoteUserVideoBuffers.big) {
-                remoteUserVideoBuffers.big = videoBufferInfo;
-                this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
-            }
-            else if (streamType === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSmall && !remoteUserVideoBuffers.small) {
-                remoteUserVideoBuffers.small = videoBufferInfo;
-                this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
-            }
-            else {
-                videoBufferInfo.buffer = null;
-                videoBufferInfo.id = 0;
-            }
-        }
+        this._setRemoteVideoBuffer(userId, streamType);
         this.rtcCloud.setRemoteVideoStreamType(userId, streamType);
     }
     /**
@@ -3826,9 +3752,6 @@ class TRTCCloud extends events_1.EventEmitter {
         const key = this.getKey(CAMERA_DEVICE_TEST_VIEW, trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig);
         this._destroyRenderer(key, null);
         this.rtcCloud.stopCameraDeviceTest();
-        this.firstVideoFrameList = this.firstVideoFrameList.filter(function (item) {
-            return !('' === item.uid && item.type === trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig);
-        });
         if (cameraTestVideoBuffer.buffer) {
             this.rtcCloud.setCameraTestVideoBuffer(cameraTestVideoBuffer.buffer, 0, 0, cameraTestVideoBuffer.pixelFormat, cameraTestVideoBuffer.id);
             cameraTestVideoBuffer.buffer = null;
@@ -4041,7 +3964,6 @@ class TRTCCloud extends events_1.EventEmitter {
      * @ignore
      */
     initPluginManager(options) {
-        const defaultPixelFormat = !this._isMacPlatform() ? trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_RGBA32 : trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_BGRA32;
         if (options) {
             if (options.bufferType && options.bufferType === trtc_define_1.TRTCVideoBufferType.TRTCVideoBufferType_Texture) {
                 this.videoProcessBufferType = options.bufferType;
@@ -4053,12 +3975,12 @@ class TRTCCloud extends events_1.EventEmitter {
                     this.videoProcessPixelFormat = options.pixelFormat;
                 }
                 else {
-                    this.videoProcessPixelFormat = defaultPixelFormat;
+                    this.videoProcessPixelFormat = trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420;
                 }
             }
         }
         else {
-            this.videoProcessPixelFormat = defaultPixelFormat;
+            this.videoProcessPixelFormat = trtc_define_1.TRTCVideoPixelFormat.TRTCVideoPixelFormat_I420;
             this.videoProcessBufferType = trtc_define_1.TRTCVideoBufferType.TRTCVideoBufferType_Buffer;
         }
         this.rtcCloud.initializePluginManager(this.videoProcessPixelFormat, this.videoProcessBufferType);
@@ -4137,18 +4059,6 @@ class TRTCCloud extends events_1.EventEmitter {
         return this.videoRendererMap.get(key);
     }
     _onRenderFrame(uid, type, width, height, timestamp, rotation, data) {
-        // 由于 mac 监听自定义渲染回调后不会回调 onFirstVideoFrame ，所以在这里自己实现回调 onFirstVideoFrame
-        if (this._isMacPlatform()) {
-            setImmediate(() => {
-                const index = this.firstVideoFrameList.findIndex(function (item) {
-                    return uid === item.uid && type === item.type;
-                });
-                if (index === -1) {
-                    this.emit('onFirstVideoFrame', uid, type, width, height);
-                    this.firstVideoFrameList.push({ uid: uid, type: type });
-                }
-            });
-        }
         if (uid.length == 0 && this.isCaptureLocalVideoEnabled) {
             this.fire(LOCAL_VIDEO_DATA, {
                 uid: '', type, rotation, timestamp,
@@ -4246,6 +4156,9 @@ class TRTCCloud extends events_1.EventEmitter {
         }
     }
     _createVideoRenderer(view, key) {
+        if (view.childElementCount > 0) {
+            console.warn("trtc: clear HTML element content:", view);
+        }
         view.innerHTML = ''; // 事先清空一下，避免画面叠加
         const renderer = (0, Renderer_1.createRenderer)(this.pixelFormat, view);
         if (key === this.getKey(LOCAL_USER_VIDEO_ID, trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig)) {
@@ -4262,11 +4175,11 @@ class TRTCCloud extends events_1.EventEmitter {
     _initRenderer(key, views) {
         let rendererMap = this.videoRendererMap.get(key);
         if (rendererMap) {
-            rendererMap.forEach((value, key, map) => {
-                if (views.indexOf(key) === -1) {
+            rendererMap.forEach((value, innerKey, map) => {
+                if (views.indexOf(innerKey) === -1 || !value.isValid(innerKey)) {
                     try {
                         value.destroy();
-                        map.delete(key);
+                        map.delete(innerKey);
                     }
                     catch (err) {
                         console.error("trtc:_initRenderer destroy render error:", err);
@@ -4440,6 +4353,57 @@ class TRTCCloud extends events_1.EventEmitter {
     _isMacPlatform() {
         return process.platform == 'darwin';
     }
+    _setRemoteVideoBuffer(userId, streamType) {
+        const videoBufferInfo = new trtc_define_1.VideoBufferInfo({
+            userId: userId,
+            id: (0, util_1.generateUniqueId)(),
+            streamType: streamType,
+            width: DEFAULT_VIDEO_WIDTH,
+            height: DEFAULT_VIDEO_HEIGHT,
+            pixelFormat: this.pixelFormat,
+        });
+        const remoteUserVideoBuffers = remoteVideoBufferMap.get(userId);
+        let screenVideoBuffer = screenVideoBufferMap.get(userId);
+        switch (streamType) {
+            case trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeBig:
+                if (!remoteUserVideoBuffers) {
+                    remoteVideoBufferMap.set(userId, { big: videoBufferInfo });
+                }
+                else if (!remoteUserVideoBuffers.big) {
+                    remoteUserVideoBuffers.big = videoBufferInfo;
+                }
+                else {
+                    videoBufferInfo.buffer = null;
+                }
+                videoBufferInfo.buffer && this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
+                break;
+            case trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSmall:
+                if (!remoteUserVideoBuffers) {
+                    remoteVideoBufferMap.set(userId, { small: videoBufferInfo });
+                }
+                else if (!remoteUserVideoBuffers.small) {
+                    remoteUserVideoBuffers.small = videoBufferInfo;
+                }
+                else {
+                    videoBufferInfo.buffer = null;
+                }
+                videoBufferInfo.buffer && this.rtcCloud.setRemoteVideoBuffer(userId, videoBufferInfo.buffer, videoBufferInfo.streamType, videoBufferInfo.width, videoBufferInfo.height, videoBufferInfo.pixelFormat, videoBufferInfo.id);
+                break;
+            case trtc_define_1.TRTCVideoStreamType.TRTCVideoStreamTypeSub:
+                if (!screenVideoBuffer) {
+                    screenVideoBuffer = videoBufferInfo;
+                    this.rtcCloud.setSubVideoBuffer(screenVideoBuffer.userId, screenVideoBuffer.buffer, screenVideoBuffer.streamType, screenVideoBuffer.width, screenVideoBuffer.height, screenVideoBuffer.pixelFormat, screenVideoBuffer.id);
+                    screenVideoBufferMap.set(userId, screenVideoBuffer);
+                }
+                else {
+                    videoBufferInfo.buffer = null;
+                }
+                break;
+            default:
+                videoBufferInfo.buffer = null;
+                break;
+        }
+    }
 }
 class VideoRenderCallback {
     constructor() {

package/liteav/trtc_define.d.ts

@@ -822,3 +822,16 @@ export declare class VideoBufferInfo {
         pixelFormat: TRTCVideoPixelFormat;
     });
 }
+export interface TRTCInitConfig {
+    networkProxy?: {
+        host: string;
+        port: number;
+        username: string;
+        password: string;
+        config: {
+            supportHttps: boolean;
+            supportTcp: boolean;
+            supportUdp: boolean;
+        };
+    };
+}

package/liteav/validate-util.d.ts

@@ -1,4 +1,5 @@
 export declare function isNumber(args: any): boolean;
+export declare function isString(args: any): boolean;
 export declare function isNull(args: any): boolean;
 export declare function isUndefined(args: any): boolean;
 export declare function isExist(args: any): boolean;

package/liteav/validate-util.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isExist = exports.isUndefined = exports.isNull = exports.isNumber = void 0;
+exports.isExist = exports.isUndefined = exports.isNull = exports.isString = exports.isNumber = void 0;
 function isNumber(args) {
     return typeof args === 'number';
 }
 exports.isNumber = isNumber;
+function isString(args) {
+    return typeof args === 'string';
+}
+exports.isString = isString;
 function isNull(args) {
     return args === null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trtc-electron-sdk",
-  "version": "11.2.118-beta.3",
+  "version": "11.3.502-beta.1",
   "description": "trtc electron sdk",
   "main": "./liteav/trtc.js",
   "types": "./liteav/trtc.d.ts",