larksr_websdk
Version:
Larksr websdk. Easy to build a cloud render client for larksr system or ue4 pixelstreaming.docs: https://paraversetechnology.github.io/en/webclient_sdk/
84 lines (58 loc) • 2.43 kB
Markdown
# 3.2.401
> 3.2.401 多媒体通道功能在渲染服务器 3.2.2.0+ 开启
## 3.2.401 新增功能
> 以下示例代码假定 `larksr` 对象初始化并连接成功。
> 测试demo https://github.com/ParaverseTechnology/lark_sr_websdk_demos/tree/gh-pages
(1). 新增多路 Web 端上传媒体功能。使用 `larksr.getMediaSharePeerConnection(index)` 获取上传媒体通道。
序号 index 支持 0 - 5, 获取媒体通道之后的打开媒体操作和之前的接口相同。原有的接口等同于 `getMediaSharePeerConnection(0)`
使用方式如
```javascript
larksr.getMediaSharePeerConnection(0).openVideo();
larksr.getMediaSharePeerConnection(0).closeVideo();
```
> 连接不支持多通道上传的老版本渲染服务器时，仅通道 0 起作用。
(2). 获取具体通道的连接状态 `getStats`
```javascript
larksr.getMediaSharePeerConnection(0).getStats()
.then((res) => {
console.log("state: ", res);
})
.catch((e) => {
console.log("get state failed", e);
})
```
(3). 设置具体连接通道的视频编码 `preferVideoCode`
```javascript
larksr.getMediaSharePeerConnection(0).preferVideoCode = 'h264';
```
> 当当前浏览器支持所设定的视频编码时优先使用，如果不支持使用默认的编码方式
> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。
(4). 设置具体连接通道的视频上传码率
```javascript
larksr.getMediaSharePeerConnection(0).codeRate = {
start: 1000,
min: 1000,
max: 20000,
}
```
> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。
(5). 媒体连接通道可以单独监听事件，如
```javascript
larksr.getMediaSharePeerConnection(0).on("rtc_state_change", function(e) {
console.log("ice state change", e);
});
```
(6). 打开或保存下来的媒体通道对象有单独的id, 0 - 5
```javascript
larksr.getMediaSharePeerConnection(0).id
```
(7). 强制使用画布模式，视频通道的画布可以顺时针或者逆时针旋转画面
开启旋转
```javascript
larksr.getMediaSharePeerConnection(0).forceRenderToCanvas = true;
```
强制顺时针旋转
```javascript
larksr.getMediaSharePeerConnection(0).canvasRender.setRotate(true);
```
> 设置完成之后再次打开视频起效，已经打开的视频通不会有变化。