产品动态
产品近期公告
关于 TRTC Live 正式上线的公告
关于TRTC Conference 正式版上线的公告
Conference 商业化版本即将推出
关于多人音视频 Conference 开启内测公告
关于音视频通话 Call 正式版上线的公告
关于腾讯云音视频终端 SDK 播放升级及新增授权校验的公告
关于 TRTC 应用订阅套餐服务上线的相关说明
// 本地摄像头渲染镜像,默认为 trueawait trtc.startLocalVideo({ option: { mirror: true }});// 动态更新参数await trtc.updateLocalVideo({ option: { mirror: false }});trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, async ({ userId, streamType }) => {await trtc.startRemoteVideo({userId,streamType,// 您需在 DOM 中提前放置视频容器,建议以 `${userId}_${streamType}` 作为 element id。view: `${userId}_${streamType}`,// 镜像播放远端视频,默认为 falseoption: { mirror: true }});// 动态更新参数await trtc.updateRemoteVideo({ userId, streamType, option: { mirror: false }})});
contain 保留宽高比,在目标容器中完整显示画面,若宽高比与目标容器不匹配,则会以黑边填充。建议播放屏幕分享使用该参数。cover 默认值,保留宽高比,在目标容器中显示,若宽高比与目标容器不匹配,则画面则会被裁剪,以填满整个目标容器。fill 不保留宽高比,在目标容器中显示,若宽高比与目标容器不匹配,则画面会被拉伸,以填满整个模板容器。// 本地摄像头填充模式,默认为 coverawait trtc.startLocalVideo({ option: { fillMode: 'cover' }});// 动态更新参数await trtc.updateLocalVideo({ option: { fillMode: 'contain' }});trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, async ({ userId, streamType }) => {await trtc.startRemoteVideo({userId,streamType,// 您需在 DOM 中提前放置视频容器,建议以 `${userId}_${streamType}` 作为 element id。view: `${userId}_${streamType}`,option: { fillMode: 'contain' }});// 动态更新参数await trtc.updateRemoteVideo({ userId, streamType, option: { fillMode: 'cover' }})});
文档反馈