trtc-electron-sdk 12.3.705-beta.2 → 12.3.705-beta.3

package/liteav/MediaMixingDesigner/Resizable.js

@@ -24,8 +24,8 @@ const ResizeAnchorCSSClass = {
 const ResizeAnchorStyle = {
     resizeAnchor: {
         position: 'absolute',
-        width: '0.5rem',
-        height: '0.5rem',
+        width: '8px',
+        height: '8px',
         border: '1px solid transparent',
         backgroundColor: 'transparent'
     },
@@ -36,7 +36,7 @@ const ResizeAnchorStyle = {
     },
     topAnchor: {
         top: '0',
-        left: 'calc(50% - 0.25rem)',
+        left: 'calc(50% - 4px)',
         cursor: 'n-resize'
     },
     topRightAnchor: {
@@ -45,12 +45,12 @@ const ResizeAnchorStyle = {
         cursor: 'ne-resize'
     },
     leftAnchor: {
-        top: 'calc(50% - 0.25rem)',
+        top: 'calc(50% - 4px)',
         left: '0',
         cursor: 'w-resize'
     },
     rightAnchor: {
-        top: 'calc(50% - 0.25rem)',
+        top: 'calc(50% - 4px)',
         right: '0',
         cursor: 'e-resize'
     },
@@ -61,7 +61,7 @@ const ResizeAnchorStyle = {
     },
     bottomAnchor: {
         bottom: '0',
-        left: 'calc(50% - 0.25rem)',
+        left: 'calc(50% - 4px)',
         cursor: 's-resize'
     },
     bottomRightAnchor: {

package/liteav/VideoRenderControl/VideoRenderFPSMonitor.d.ts

@@ -13,7 +13,8 @@ declare class VideoRenderFPSMonitor {
     private lastVideoRenderFPS;
     private statisticDuration;
     constructor();
-    private initPageRefreshFPSStatistic;
+    start(): void;
+    stop(): void;
     private statisticPageRefreshFPS;
     /**
      * 规则：

package/liteav/VideoRenderControl/VideoRenderFPSMonitor.js

@@ -23,13 +23,28 @@ class VideoRenderFPSMonitor {
         this.statisticDuration = 2000;
         this.statisticPageRefreshFPS = this.statisticPageRefreshFPS.bind(this);
         this.onVisibilityChange = this.onVisibilityChange.bind(this);
-        this.initPageRefreshFPSStatistic();
-        document.addEventListener('visibilitychange', this.onVisibilityChange);
+        this.start();
     }
-    initPageRefreshFPSStatistic() {
+    start() {
+        logger_1.default.debug(`${this.logPrefix}start`);
         if (window.requestAnimationFrame) {
             this.nextAnimationFrame = window.requestAnimationFrame(this.statisticPageRefreshFPS);
         }
+        document.addEventListener('visibilitychange', this.onVisibilityChange);
+    }
+    stop() {
+        logger_1.default.debug(`${this.logPrefix}stop`);
+        if (this.nextAnimationFrame !== 0) {
+            window.cancelAnimationFrame(this.nextAnimationFrame);
+            this.nextAnimationFrame = 0;
+        }
+        document.removeEventListener('visibilitychange', this.onVisibilityChange);
+        this.lastTimestamp = 0;
+        this.refreshCount = 0;
+        this.pageRefreshFPS = 0;
+        this.lastPageRefreshFPS = 60;
+        this.videoRenderFPS = 0;
+        this.lastVideoRenderFPS = -1;
     }
     statisticPageRefreshFPS(timestamp) {
         if (this.lastTimestamp === 0) {
@@ -100,18 +115,16 @@ class VideoRenderFPSMonitor {
     }
     notifyFPS() {
         logger_1.default.debug(`${this.logPrefix} pageRefreshFPS:${this.pageRefreshFPS} videoRenderFPS: ${this.videoRenderFPS}`);
-        this.emit('videoRenderFPS', {
-            pageFPS: this.pageRefreshFPS,
-            videoFPS: this.videoRenderFPS,
-        });
-    }
-    destroy() {
         if (this.nextAnimationFrame) {
-            window.cancelAnimationFrame(this.nextAnimationFrame);
-            this.nextAnimationFrame = 0;
+            this.emit('videoRenderFPS', {
+                pageFPS: this.pageRefreshFPS,
+                videoFPS: this.videoRenderFPS,
+            });
         }
+    }
+    destroy() {
+        this.stop();
         this.emitter.removeAllListeners();
-        document.removeEventListener('visibilitychange', this.onVisibilityChange);
     }
     on(event, listener) {
         this.emitter.on(event, listener);

package/liteav/trtc.d.ts

@@ -2768,14 +2768,6 @@ declare class TRTCCloud extends EventEmitter {
      * @param {Function | null} callback - 日志回调。 Function 的参数格式为 (log:string, level:TRTCLogLevel, module:string) => void。
      */
     setLogCallback(callback?: (log: string, level: TRTCLogLevel, module: string) => void | null): void;
-    /**
-     * 调用实验性 API 接口
-     *
-     * 注意：该接口用于调用一些实验性功能
-     *
-     * @param {String} jsonStr - 接口及参数描述的 JSON 字符串
-     */
-    callExperimentalAPI(jsonStr: string): void;
     private _localVideoRenderCallback;
     addLocalVideoRenderCallback(): void;
     removeLocalVideoRenderCallback(): void;
@@ -2940,5 +2932,14 @@ declare class TRTCCloud extends EventEmitter {
      * @returns {TRTCPluginManager}
      */
     private getPluginManager;
+    /**
+     * 调用实验性 API 接口
+     *
+     * 注意：该接口用于调用一些实验性功能
+     *
+     * @param {String} jsonStr - 接口及参数描述的 JSON 字符串
+     */
+    callExperimentalAPI(jsonStr: string): void;
+    private disableLocalRenderFPSOptimization;
 }
 export default TRTCCloud;

package/liteav/trtc.js

@@ -4617,16 +4617,6 @@ class TRTCCloud extends events_1.EventEmitter {
     setLogCallback(callback) {
         this.rtcCloud.setLogCallback(callback);
     }
-    /**
-     * 调用实验性 API 接口
-     *
-     * 注意：该接口用于调用一些实验性功能
-     *
-     * @param {String} jsonStr - 接口及参数描述的 JSON 字符串
-     */
-    callExperimentalAPI(jsonStr) {
-        this.rtcCloud.callExperimentalAPI(jsonStr);
-    }
     /////////////////////////////////////////////////////////////////////////////////
     //
     //                      （十五） 废弃接口函数
@@ -5334,6 +5324,45 @@ class TRTCCloud extends events_1.EventEmitter {
     getPluginManager() {
         return this.pluginManager;
     }
+    /////////////////////////////////////////////////////////////////////////////////
+    //
+    //                      实验接口
+    //
+    /////////////////////////////////////////////////////////////////////////////////
+    /**
+     * 调用实验性 API 接口
+     *
+     * 注意：该接口用于调用一些实验性功能
+     *
+     * @param {String} jsonStr - 接口及参数描述的 JSON 字符串
+     */
+    callExperimentalAPI(jsonStr) {
+        try {
+            const json = JSON.parse(jsonStr);
+            const { api, params } = json;
+            if (this[api] && typeof this[api] === 'function') {
+                this[api](params);
+            }
+            else {
+                this.rtcCloud.callExperimentalAPI(jsonStr);
+            }
+        }
+        catch (error) {
+            this.logger.warn(`callExperimentalAPI invalid JSON parameter`, error);
+        }
+    }
+    disableLocalRenderFPSOptimization(params) {
+        this.videoRenderFPS = 60;
+        if (params.disable === true) {
+            VideoRenderFPSMonitor_1.videoRenderFPSMonitor.stop();
+        }
+        else {
+            VideoRenderFPSMonitor_1.videoRenderFPSMonitor.start();
+        }
+        if (!TRTCCloud.isIPCMode) {
+            this.rtcCloud.setVideoRenderFPS(this.videoRenderFPS);
+        }
+    }
 }
 class VideoRenderCallback {
     constructor() {

package/liteav/trtc_define.d.ts

@@ -234,7 +234,7 @@ export declare class TRTCVideoFrame {
  * 音频帧数据
  *
  * @param {TRTCAudioFrameFormat} audioFormat - 音频帧的格式
- * @param {ArrayBuffer} data - 音频数据
+ * @param {Buffer|ArrayBuffer} data - 音频数据
  * @param {Number} length - 音频数据的长度
  * @param {Number} sampleRate - 采样率
  * @param {Number} channel - 声道数
@@ -244,7 +244,7 @@ export declare class TRTCVideoFrame {
  */
 export declare class TRTCAudioFrame {
     audioFormat: TRTCAudioFrameFormat;
-    data: ArrayBuffer | null;
+    data: Buffer | ArrayBuffer | null;
     length: number;
     sampleRate: number;
     channel: number;

package/liteav/trtc_define.js

@@ -651,7 +651,7 @@ exports.TRTCVideoFrame = TRTCVideoFrame;
  * 音频帧数据
  *
  * @param {TRTCAudioFrameFormat} audioFormat - 音频帧的格式
- * @param {ArrayBuffer} data - 音频数据
+ * @param {Buffer|ArrayBuffer} data - 音频数据
  * @param {Number} length - 音频数据的长度
  * @param {Number} sampleRate - 采样率
  * @param {Number} channel - 声道数

package/package.json

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