larksr_websdk 3.3.102 → 3.3.105

package/dist/doc/en/index.md

@@ -22,7 +22,7 @@ SDK include:
 ### Notice
 
 > SDK V3.2.30 only support server version above [V3.2.3.1](https://www.pingxingyun.com/devCenter.html)
-> [Old verion SDK Demo](https://github.com/pingxingyun/lark_sr_websdk_demos/releases/tag/V3.2.10)
+> [Old verion SDK Demo](https://github.com/ParaverseTechnology/lark_sr_websdk_demos/releases/tag/V3.2.10)
 > V3.2.314 server and datachannel above 3.2.5.1
 
 ## Quick Start

package/dist/doc/en/member_variables.md

@@ -1,72 +1,72 @@
-# LarkSR 对象成员变量
+# LarkSR Object Member Variables
 
-LarkSR 对象成员变量,注意以下划线开头的变量为内部使用私有变量或只读成员变量，不建议修改直接使用。
+LarkSR object member variables. Note that variables starting with an underscore are internal private variables or read-only member variables and are not recommended for direct modification or use.
 
-> 以下代码中 larksr 为创建好的 LarkSR 对象实例。省略创建过程。
+> In the following code, `larksr` is an instance of the created LarkSR object. The creation process is omitted.
 
 ```javascript
 let larksr;
 
-...// create code.
+// ... create code.
 ```
 
-## 视频组件
+## Video Component
 
-1. `videoComponent` 视频组件
+1. `videoComponent` Video Component
 
 ```javascript
-// 获取播放的 <video /> 视频元素
+// Get the <video /> video element being played
 larksr.videoComponent.getVideo();
-// 播放视频，async 方法播放失败抛出异常
+// Play the video, async method throws an exception if playback fails
 larksr.videoComponent.playVideo();
-// 停止视频播放
+// Stop video playback
 larksr.videoComponent.stopVideo();
-// 播放视频声音，取消静音播放
+// Play video sound, unmute playback
 larksr.videoComponent.sountPlayout();
-// 截取一帧，返回 base64，并抛出截图成功事件
+// Capture a frame, return base64, and throw a screenshot success event
 larksr.videoComponent.captrueFrame(data);
 ```
 
-2. `videoElement`  html `video` 视频元素本身
+2. videoElement HTML video video element itself
 
 ```javascript
 larksr.videoElement;
 ```
 
-3. 控制显示元素
+3. Control Display Elements
 
 ```javascript
-// 是否显示移动端触摸点
+// Whether to show touch points on mobile
 larksr.isEnableTouchPoint = false;
-// 是否显示载入画面时底部文字
+// Whether to show bottom text during loading screen
 larksr.isEnableLoadingStateBar = false;
 ```
 
 ```javascript
-// 设置缩放模式
+// Set zoom mode
 larksr.scaleMode = ScaleMode.CONTAIN_APP;
 ```
 
-4. 虚拟鼠标和触摸点
+4. Virtual Mouse and Touch Points
 
 ```javascript
 /**
- * 虚拟鼠标的当前位置,相对于整体容器
+ * Current position of the virtual mouse, relative to the overall container
  */
 larksr.virtualCursorPosition
 /**
- * 虚拟鼠标的当前位置,内部缩放容器，与实际显示虚拟鼠标 CSS 样式相同
+ * Current position of the virtual mouse, internal zoom container, same as the actual display virtual mouse CSS style
  */
 larksr.virtualCursorPositionRaw
 ```
 
-例：
+Example:
 
-下面示例代码使用 react 演示点击一个按钮，同步一个外层的元素和虚拟鼠标的位置
+The following example code uses React to demonstrate clicking a button to synchronize the position of an outer element and the virtual mouse.
 
 ```javascript
 // ....
-// 省略 react 创建代码
+// Omitted React creation code
 export default class App extends React.Component {
     private state: any = {
         pointPosition: {
@@ -75,12 +75,12 @@ export default class App extends React.Component {
         }
     };
     // ....
-    // 此处省略 larksr 创建过程等其他代码
+    // Omitted larksr creation process and other code
     render() {
         return (
             <div>
                 // ...
-                // 省略其他元素
+                // Omitted other elements
                 <div style={{
                         zIndex: 1000,
                         position: 'absolute', 
@@ -94,9 +94,9 @@ export default class App extends React.Component {
                 </div>
                 <button style={{pointerEvents: "all"}} 
                     onClick={()=>{
-                        // 获取虚拟鼠标的位置
+                        // Get the position of the virtual mouse
                         console.log("touch point", this.larksr.virtualCursorPosition);
-                        // 同步虚拟鼠标的位置
+                        // Synchronize the position of the virtual mouse
                         this.setState({
                             pointPosition: this.larksr.virtualCursorPosition,
                         })
@@ -110,35 +110,35 @@ export default class App extends React.Component {
 }
 ```
 
-## 配置参数
+## Configuration Parameters
 
 ```javascript
-// `config` IAppliParams传入的 ILarkSRConfig 对象
+// `config` ILarkSRConfig object passed in IAppliParams
 larksr.config;
-//  `params` 构造函数中传入的 IAppliParams 对象
+// `params` IAppliParams object passed in the constructor
 larksr.params;
 ```
 
-## 用户模式
+## User Mode
 
 ```javascript
-// `playerModeType` 当前的玩家模式;
+// `playerModeType` Current player mode;
 larksr.playerModeType;
-// `userType` 当前用户类型;
+// `userType` Current user type;
 larksr.userType;
-// 当前是否是交互模式，交互默认即可以操作的模式
+// Whether it is currently in interactive mode, the default interactive mode is operable
 larksr.isInteractiveMode;
-// 是否是观看者模式
+// Whether it is observer mode
 larksr.isObMode;
 ```
 
-## 当前 app 的状态
+## Current App State
 
 ```javascript
 larksr.appState;
 ```
 
-具体状态值如下:
+Specific state values are as follows:
 
 ```javascript
 export enum APP_STATE {
@@ -158,57 +158,57 @@ export enum APP_STATE {
 }
 ```
 
-可通过事件 `APPSTATE_CHANGE = 'appstatechange'` 监听 APP_STATE 的变化
+You can listen to the APP_STATE changes through the event APPSTATE_CHANGE = 'appstatechange'.
 
 ```javascript
 // create code
 ...
 
-// 监听连接成功事件
+// Listen to the connection success event
 larksr.on('appstatechange', function(e) { 
     console.log("appstatechange", e); 
 });
 ```
 
-## 云端画面是否准备好
+## Whether the Cloud Screen is Ready
 
 ```javascript
-// 云端画面是否准备好，准备好后才可以发送输入事件
+// Whether the cloud screen is ready, input events can only be sent after it is ready
 larksr.remoteScreenReady
 ```
 
-## 当前的屏幕状态
+## Current Screen State
 
 ```javascript
-// 通知视口改变或者需要重新计算显示属性
+// Notify viewport change or need to recalculate display properties
 larksr.screenState.resize();
-// 当前云端 APP 的大小
+// Current size of the cloud app
 larksr.screenState.appSize;
-// 当前云端 APP 的鼠标状态
+// Current mouse state of the cloud app
 larksr.screenState.appMouseMode;
-// 当前渲染容器的大小
+// Current size of the rendering container
 larksr.screenState.viewPort;
-// 强制横屏模式
+// Force landscape mode
 larksr.screenState.screenOrientation;
-// 缩放模式
+// Zoom mode
 larksr.screenState.scaleMode;
-// 是否全屏状态
+// Whether it is in full screen mode
 larksr.screenState.isFullScreen;
-// 是否锁定鼠标状态
+// Whether the mouse state is locked
 larksr.screenState.isLockMouse;
-// 云端应用的鼠标样式
+// Mouse style of the cloud app
 larksr.screenState.cursorStyle;
-// 初始化鼠标模式
+// Initialize mouse mode
 larksr.screenState.initCursorMode;
-// 是否是手机模式
+// Whether it is mobile mode
 larksr.screenState.isMobile;
-// 是否渲染本地鼠标
+// Whether to render the local mouse
 larksr.screenState.isLocalRenderMouse;
-// 是否锁定鼠标
+// Whether to lock the mouse
 larksr.screenState.isLockMosue;
 ```
 
-监听 screenState 的状态改变，事件码为 `0`。当 SDK 内部或者外部触发了 `screenState.resize()` 之后调用。
+Listen to the state changes of screenState, the event code is 0. It is called after screenState.resize() is triggered internally or externally by the SDK.
 
 ```javascript
 larksr.screenState.on(0, () => {
@@ -216,123 +216,119 @@ larksr.screenState.on(0, () => {
 });
 ```
 
-## 操作类实例
+## Operation Class Instances
 
 ```javascript
-// 开始监听,默认情况下自动开始
+// Start listening, automatically starts by default
 larksr.op.startListening();
-// 结束监听输入事件.
+// Stop listening to input events.
 larksr.op.stopListenling();
-// 开启或关闭鼠标输入事件
+// Enable or disable mouse input events
 larksr.op.setMouseEnable(enable: boolean);
-// 开启或关闭键盘输入事件
+// Enable or disable keyboard input events
 larksr.op.setKeyboardEnable(enable: boolean);
-// 开启或关闭手柄输入事件
+// Enable or disable gamepad input events
 larksr.op.setGamepadEnable(enable: boolean);
-// 开启或关闭触摸屏幕输入事件
+// Enable or disable touch screen input events
 larksr.op.setTouchEnable(enable: boolean);
 ```
 
-### 操作类中的 keyboardhandler
+### Keyboard Handler in Operation Class
 
 ```javascript
-// 设置键盘事件默认拦截浏览器默认行为。
-// 在 preventKeys 中的将拦截，如果数组设置为空则全部不拦截
-// 默认拦截 F1 F5 F12
+// Set the default interception of keyboard events to prevent the default behavior of the browser.
+// The keys in preventKeys will be intercepted, if the array is empty, all will be intercepted
+// Default interception F1 F5 F12
 larksr.op.keyboardHandler.preventKeys = [["F1", "F5", "F12"]];
 ```
 
-### 操作类中的 gestureHandler
+### Gesture Handler in Operation Class
 
-gestureHandler 处理将移动端触摸事件对应为鼠标事件的过程。
+gestureHandler handles the process of converting mobile touch events to mouse events.
 
-#### 调节触摸事件触发参数
+#### Adjust Touch Event Trigger Parameters
 
 ```javascript
-// 触摸事件在对应为鼠标事件中，提供的鼠标相对移动的速度。
-// 即 rx = （pxNew-pxOld） * relativeMouseMoveSpeed
-//    ry = （pyNew-pyOld）* relativeMouseMoveSpeed
-// 可能会影响使用相对移动（rawInput）判断的云端应用的效果
+// The speed of the mouse relative movement provided when the touch event is converted to a mouse event.
+// That is, rx = (pxNew-pxOld) * relativeMouseMoveSpeed
+//        ry = (pyNew-pyOld) * relativeMouseMoveSpeed
+// May affect the effect of cloud applications that use relative movement (rawInput) judgment
 larksr.op.gestureHandler.relativeMouseMoveSpeed = 2;
-// 触摸模拟为鼠标事件时，模拟点击的判断范围。
-// 实际的鼠标事件点击时一般不会移动，而触摸操作基本上一定会触发移动事件
-// 如果要模拟PC上的击事件，比如单击或双击，在鼠标按下和抬起之间不应再插入鼠标移动
-// 当触发移动事件时，超出该判断范围才发送移动事件。
-// 注意，修改该值可能会导致云端应用上判断单击或双击失败，如果云端应用不包含类似操作基本影响不大
+// The judgment range for simulating clicks when touch events are converted to mouse events.
+// Actual mouse events generally do not move when clicked, but touch operations will almost certainly trigger move events
+// If you want to simulate click events on a PC, such as single or double clicks, no mouse move should be inserted between mouse down and up
+// When a move event is triggered, a move event is sent only if it exceeds this judgment range.
+// Note that modifying this value may cause single or double click failures on cloud applications, but it generally has little impact if the cloud application does not include similar operations
 larksr.op.gestureHandler.tapLimitRadius = 20;
-// 在该时间范围下将尝试发送单机按下事件，修改该值可能会导致单机事件的触发成功率
+// Attempts to send a single click down event within this time range, modifying this value may affect the success rate of triggering single click events
 larksr.op.gestureHandler.tapLimitTimeout = 100;
 ```
 
-#### 拦截触摸事件回调
+#### Intercept Touch Event Callback
 
-可以通过拦截触摸事件回调的方式，设置具体的触摸事件和鼠标事件的对应关系。
+You can set the specific correspondence between touch events and mouse events by intercepting the touch event callback.
 
-> 通过 larksr.op.gestureHandler.gestureCallback 设置回调函数
-> 下面例子中的 GESTURE_TYPE 为 SDK 导出的手势事件类型，如果用 amd 方式引入的 SDK，所有导出类型均在 larksr_websdk 全局对象下。
-> 如果是使用其他方式引入 SDK，如 improt 方式导入 `import { GESTURE_TYPE } from 'larksr_websdk'`
-> 以下示例代码忽略 larksr 创建等过程
+> Set the callback function through larksr.op.gestureHandler.gestureCallback The GESTURE_TYPE in the example below is the gesture event type exported by the SDK. If the SDK is introduced in amd mode, all exported types are under the larksr_websdk global object. If the SDK is introduced in other ways, such as importing import { GESTURE_TYPE } from 'larksr_websdk' The following example code omits the larksr creation process and other code
 
 ```javascript
-// 参数 event 有如下字段
+// The event parameter has the following fields
 // event : {
-//      type: GESTURE_TYPE; 手势事件的类型
-//      x: number;          转换为云端的坐标 x
-//      y: number;          转换为云端的坐标 y
-//      rx: number;         转换为云端的坐标 rx
-//      ry: number;         转换为云端的坐标 ry
-//      edge: boolean;      是否到触摸边缘
-//      rawEvent: any;      未转换为云端坐标的触摸事件
+//      type: GESTURE_TYPE; Gesture event type
+//      x: number;          Converted to cloud coordinate x
+//      y: number;          Converted to cloud coordinate y
+//      rx: number;         Converted to cloud coordinate rx
+//      ry: number;         Converted to cloud coordinate ry
+//      edge: boolean;      Whether it reaches the touch edge
+//      rawEvent: any;      Touch event not converted to cloud coordinates
 //    }
 // 
 larksr.op.gestureHandler.gestureCallback = (event) => {
     console.log(event);
     const p = event;
     switch (event.type) {
-    // 单只触摸开始移动鼠标到当前位置
+    // Single touch starts moving the mouse to the current position
     case GESTURE_TYPE.SINGLE_FINGER_TOUCH_START:
         larksr.mouseMove(p.x, p.y, p.rx, p.ry);
         break;
-    // 单指单击 -》左键单击
+    // Single finger tap -> left mouse click
     case GESTURE_TYPE.SINGLE_FINGER_TAP:
         larksr.mouseTap(p.x, p.y, CloudLark.MouseKey.LEFT);
         break;
-    // 单指按下 -》 移动鼠标, 按下鼠标
+    // Single finger tap down -> move mouse, press mouse
     case GESTURE_TYPE.SINGLE_FINGER_TAP_DOWN:
         // move mouse first
         larksr.mouseMove(p.x, p.y, p.rx, p.ry);
         // sync tap down
         larksr.mouseDown(p.x, p.y, CloudLark.MouseKey.LEFT);
         break;
-    // 单指抬起 -》 移动鼠标， 抬起鼠标
+    // Single finger tap up -> move mouse, release mouse
     case GESTURE_TYPE.SINGLE_FINGER_TAP_UP:
         // move mouse first
         larksr.moseMove(p.x, p.y, p.rx, p.ry);
         // sync tap down
         larksr.mouseUp(p.x, p.y, CloudLark.MouseKey.LEFT);
         break;
-    // 单指滑动 -》 移动鼠标
+    // Single finger swipe -> move mouse
     case GESTURE_TYPE.SINGLE_FINGER_SWIPE:
         larksr.moseMove(p.x, p.y, p.rx, p.ry);
         break;
-    // 单指开始滑动 -》 鼠标左键按下
+    // Single finger swipe start -> left mouse button down
     case GESTURE_TYPE.SINGLE_FINGER_SWIPE_START:
         // sync tap down
         larksr.mouseDown(p.x, p.y, CloudLark.MouseKey.LEFT);
         break;
-    // 单指滑动结束 -》 鼠标左键抬起
+    // Single finger swipe end -> left mouse button up
     case GESTURE_TYPE.SINGLE_FINGER_SWIPE_END:
         larksr.mouseUp(p.x, p.y, CloudLark.MouseKey.LEFT);
         break;
-    // 双指单击 -》 鼠标右键单击
+    // Double finger tap -> right mouse click
     case GESTURE_TYPE.DOUBLE_FINGER_TAP:
         larksr.mouseTap(p.x, p.y, CloudLark.MouseKey.RIGHT);
         break;
-    // 双指按下 -》 移动鼠标
+    // Double finger tap down -> move mouse
     case GESTURE_TYPE.DOUBLE_FINGER_TAP_DOWN:
         // move mouse first
         larksr.moseMove(p.x, p.y, p.rx, p.ry);
-        // 抬起所有
         // sync tap down
         larksr.mouseDown(p.x, p.y, CloudLark.MouseKey.RIGHT);
         break;
@@ -342,49 +338,49 @@ larksr.op.gestureHandler.gestureCallback = (event) => {
         // sync tap up
         larksr.mouseUp(p.x, p.y, CloudLark.MouseKey.RIGHT);
         break;
-    // 双指移动 -》 滚动滚轮
+    // Double finger swipe -> scroll wheel
     case GESTURE_TYPE.DOUBLE_FINGER_SWIPE:
         // move mouse mid
         // this.$emitMouseWheel(p.x, p.y, e.motion.y);
         larksr.moseMove(p.x, p.y, p.rx, p.ry);
         break;
     case GESTURE_TYPE.DOUBLE_FINGER_EXPAND: 
-        // windows 消息 deltaY 上是 +120 下是 -120
-                // 双指扩展向外滑动
-                // 滚轮向下移动
+        // Windows message deltaY up is +120 down is -120
+        // Double finger expand swipe outwards
+        // Scroll wheel down
         // move mouse mid
         larksr.mouseWheel(p.x, p.y, 120);
         break;
     case GESTURE_TYPE.DOUBLE_FINGER_SHRINK:
-        // windows 消息 deltaY 上是 +120 下是 -120
-                // 双指向内滑动
-                // 滚轮向上移动
+        // Windows message deltaY up is +120 down is -120
+        // Double finger swipe inwards
+        // Scroll wheel up
         larksr.mouseWheel(p.x, p.y,  -120);
         break;
     case GESTURE_TYPE.DOUBLE_FINGER_SWIPE_END:
         // sync tap up
         larksr.mouseUp(p.x, p.y, CloudLark.MouseKey.RIGHT);
         break;
-    // 三指单击 -》 鼠标中键单击
+    // Triple finger tap -> middle mouse click
     case GESTURE_TYPE.TRIPLE_FINGER_TAP:
         larksr.mouseTap(p.x, p.y, CloudLark.MouseKey.MIDDLE);
         break;
-    // 三指滑动 -》 移动鼠标
+    // Triple finger swipe -> move mouse
     case GESTURE_TYPE.TRIPLE_FINGER_SWIPE:
         larksr.mouseMove(p.x, p.y, p.rx, p.ry);
         break;
-    // 三指滑动按下 -》 鼠标中键按下
+    // Triple finger swipe start -> middle mouse button down
     case GESTURE_TYPE.TRIPLE_FINGER_SWIPE_START:
         larksr.mouseMove(p.x, p.y, p.rx, p.ry);
         //
         larksr.mouseDown(p.x, p.y, CloudLark.MouseKey.MIDDLE);
         break;
-    // 三指滑动按下 -》 鼠标中键抬起
+    // Triple finger swipe end -> middle mouse button up
     case GESTURE_TYPE.TRIPLE_FINGER_SWIPE_END:
         // sync tap up
         larksr.mouseUp(p.x, p.y, CloudLark.MouseKey.MIDDLE);
         break;
-    // 所有手指抬起
+    // All fingers up
     case GESTURE_TYPE.RELEASE:
         break;
     default:
@@ -393,15 +389,15 @@ larksr.op.gestureHandler.gestureCallback = (event) => {
 };
 ```
 
-## 全屏锁屏
+## Full Screen and Lock Screen
 
 ```javascript
-// 进入全屏模式
+// Enter full screen mode
 larksr.fullScreen.launchFullScreen();
-// 退出全屏模式
+// Exit full screen mode
 larksr.fullScreen.exitFullscreen();
-// 锁定鼠标
+// Lock the mouse
 larksr.lockPointer.lockPointer();
-// 释放鼠标
+// Release the mouse
 larksr.lockPointer.exitPointerLock();
 ```

package/dist/doc/en/multi_media_3_2_401.md

@@ -1,26 +1,26 @@
 # 3.2.401
 
-> 3.2.401 多媒体通道功能在渲染服务器 3.2.2.0+ 开启
+> The multimedia channel feature of version 3.2.401 is enabled on rendering server 3.2.2.0+.
 
-## 3.2.401 新增功能
+## New Features in 3.2.401
 
-> 以下示例代码假定 `larksr` 对象初始化并连接成功。
-> 测试demo https://github.com/pingxingyun/lark_sr_websdk_demos/tree/gh-pages
+> The following sample code assumes that the `larksr` object has been initialized and connected successfully.
+> Test demo: https://github.com/ParaverseTechnology/lark_sr_websdk_demos/tree/gh-pages
 
-(1). 新增多路 Web 端上传媒体功能。使用 `larksr.getMediaSharePeerConnection(index)` 获取上传媒体通道。
+(1). Added multi-channel media upload feature for the Web. Use `larksr.getMediaSharePeerConnection(index)` to get the media upload channel.
 
-序号 index 支持 0 - 5, 获取媒体通道之后的打开媒体操作和之前的接口相同。原有的接口等同于 `getMediaSharePeerConnection(0)`
+The index supports 0 - 5. The media operations after obtaining the media channel are the same as the previous interface. The original interface is equivalent to `getMediaSharePeerConnection(0)`.
 
-使用方式如
+Usage example:
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).openVideo();
 larksr.getMediaSharePeerConnection(0).closeVideo();
 ```
 
-> 连接不支持多通道上传的老版本渲染服务器时，仅通道 0 起作用。
+> When connecting to an older version of the rendering server that does not support multi-channel upload, only channel 0 will work.
 
-(2). 获取具体通道的连接状态 `getStats` 
+(2). Get the connection status of a specific channel using `getStats`
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).getStats()
@@ -32,16 +32,16 @@ larksr.getMediaSharePeerConnection(0).getStats()
 })
 ```
 
-(3). 设置具体连接通道的视频编码 `preferVideoCode`
+(3). Set the video encoding for a specific connection channel using `preferVideoCode`
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).preferVideoCode = 'h264';
 ```
 
-> 当当前浏览器支持所设定的视频编码时优先使用，如果不支持使用默认的编码方式
-> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。
+> If the current browser supports the specified video encoding, it will be used preferentially. If not, the default encoding method will be used.
+> The setting will take effect the next time the video is opened. The already opened video will not change.
 
-(4). 设置具体连接通道的视频上传码率
+(4). Set the video upload bitrate for a specific connection channel
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).codeRate = {
@@ -51,9 +51,9 @@ larksr.getMediaSharePeerConnection(0).codeRate = {
 }
 ```
 
-> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。
+> The setting will take effect the next time the video is opened. The already opened video will not change.
 
-(5). 媒体连接通道可以单独监听事件，如
+(5). Media connection channels can listen to events separately, for example:
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).on("rtc_state_change", function(e) {
@@ -61,24 +61,24 @@ larksr.getMediaSharePeerConnection(0).on("rtc_state_change", function(e) {
 });
 ```
 
-(6). 打开或保存下来的媒体通道对象有单独的id, 0 - 5
+(6). The opened or saved media channel object has a separate id, 0 - 5
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).id
 ```
 
-(7). 强制使用画布模式，视频通道的画布可以顺时针或者逆时针旋转画面
+(7). Force the use of canvas mode, the canvas of the video channel can rotate the screen clockwise or counterclockwise
 
-开启旋转
+Enable rotation
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).forceRenderToCanvas = true;
 ```
 
-强制顺时针旋转
+Force clockwise rotation
 
 ```javascript
 larksr.getMediaSharePeerConnection(0).canvasRender.setRotate(true);
 ```
 
-> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。
+> The setting will take effect the next time the video is opened. The already opened video will not change.

package/dist/doc/en/sdkid_encryption.md

@@ -1,28 +1,28 @@
-# SDK ID 加密配置
+# SDK ID Encryption Configuration
 
-使用 larksr SDK 首先需要从平行云商务 business@pingxingyun.com 或者在 https://www.pingxingyun.com/console 获取 SDK 授权码（注意不是服务器端的授权码）。
+To use the larksr SDK, you first need to obtain an SDK authorization code from Pingxingyun Business (business@pingxingyun.com) or at https://www.pingxingyun.com/console (note that this is not the server-side authorization code).
 
-通过 larksr config 传入 `authCode` 或者通过 larksr.initSDKAuthCode('您的SDKID') 方法设置授权码。
+Pass the `authCode` through larksr config or set the authorization code using the method `larksr.initSDKAuthCode('YourSDKID')`.
 
-为保护 SDK ID 的安全性，可以从服务端 3.2.3.0 开始可以对 SDK ID 进行加密配置。
+To protect the security of the SDK ID, from server version 3.2.3.0 onwards, you can configure SDK ID encryption.
 
-配置 SDK 加密：
+Configure SDK encryption:
 
-1. 首先在 larkxr 平台后台登陆，找到系统设定->接入管理->SDKID密钥管理生成 SDK ID 加密 KEY
+1. First, log in to the larkxr platform backend, find System Settings -> Access Management -> SDKID Key Management to generate an SDK ID encryption key.
 
-2. 对 SDK ID 进行加密
+2. Encrypt the SDK ID
 
-以下 java 代码为例:
+The following is an example in Java:
 
 ```java
 public static void main(String[] args) {
     /**
-    * @param res   被加密的原生字符串
-    * @param key  16位字符作为加密的key
+    * @param res   The original string to be encrypted
+    * @param key   16-character key for encryption
     */
     try {
-        String res = "被加密的原生字符串";
-        String key = "16位字符作为加密的key";
+        String res = "The original string to be encrypted";
+        String key = "16-character key for encryption";
         String ALGORITHM = "AES";
         String CHARSET = "UTF-8";
         SecretKeySpec sks = new SecretKeySpec(key.getBytes(CHARSET), ALGORITHM);
@@ -32,9 +32,9 @@ public static void main(String[] args) {
         // BASE64Encoder encoder = new BASE64Encoder();      //java8
         Base64.Encoder encoder = Base64.getEncoder(); //java9+
         System.out.println(encoder.encodeToString(result));
-    }catch (Exception e){
+    } catch (Exception e) {
     }
 }
 ```
 
-3. 获取到加密好的字符串传入 lark 配置中即可。
+3. Pass the encrypted string into the lark configuration.