通过阅读本文,您可以了解到Web端音视频通话的集成方法。
环境要求
Web端具体环境要求,更多信息,请参见使用限制。
前提条件
操作步骤
Demo源码解析
- 目录结构说明
- 主要功能说明
- 检查浏览器是否支持。
RtcEngine.instance.isSupport().then(re => {}).catch(err=>{});
- 获取设备信息。
RtcEngine.instance.getDevices().then(re => {})
- 指定摄像头。
RtcEngine.instance.currentCamera(deviceId)
- 指定麦克风。
RtcEngine.instance.currentAudioCapture(deviceId)
- 开启预览。
/** * 预览 * @parame {HtmlVideoElement} video 播放预览画面的video标签 */ RtcEngine.instance.startPreview(video).then(re=>{})
- 停止预览。
RtcEngine.instance.stopPreview(video).then(re=>{})
- 设置是否自动推流、自动订阅,需要在加入频道之前设置,此接口针对频道设置。
/** * 设置是否自动推流、自动订阅,默认自动推流、自动订阅 * @param { boolean } autoPub true表示自动推流 * @param { boolean } autoSub true表示自动订阅 */ RtcEngine.instance.setAutoPublishSubscribe(autoPub, autoSub)
- 注册回调,需要在加入频道之前设置,此接口针对频道设置。
/** * 注册回调 * @param {*} channel 频道 * @param {*} callback */ RtcEngine.instance.registerCallBack(channel, callback)
- 加入频道。
/** * 加入房间 * @param {*} channel 频道 * @param {*} userName */ RtcEngine.instance.login(channel, userName).then(re=>{})
- 开始推流。
/** * 上麦 */ RtcEngine.instance.enterSeat(channel)
- 停止推流。
/** * 下麦 */ RtcEngine.instance.leavelSeat()
- 设置是否停止发布本地音频。
/** * 设置是否停止发布本地音频 * @param {*} enable */ RtcEngine.instance.muteLocalMic(enable)
- 设置是否停止发布本地视频。
/** * 设置是否停止发布本地视频 * @param {*} enable */ RtcEngine.instance.muteLocalCamera(enable)
- 设置发布屏幕流。
/** * 开启屏幕流 * @param {*} enable */ RtcEngine.instance.startPublishScreen()
- 设置停止发布屏幕流。
/** * 停止屏幕流 * @param {*} enable */ RtcEngine.instance.stopPublishScreen()
- 订阅音视频。
/** * 设置远端渲染,默认订阅音频和视频(小流) * @param {*} userId */ RtcEngine.instance.subscribe(userId).then(re=>{})
- 订阅大流。
/** * 设置远端渲染,默认订阅音频和视频(大流) * @param {*} userId */ RtcEngine.instance.subscribeLarge(userId).then(re=>{})
- 设置远端渲染。
/** * 设置远端渲染 * @param {*} userId * @param {*} video * @param {*} streamType */ RtcEngine.instance.setDisplayRemoteVideo(userId, video, streamType)
- 获取频道用户列表。
/** * 获取频道用户列表 * @return { array | boolean } */ RtcEngine.instance.getRoomUserList()
- 获取用户信息。
/** * 获取频道用户信息 * @param {*} channel 频道 * @return { array | boolean } */ RtcEngine.instance.getUserInfo(channel, userId)
- 离开频道。
/** * 离开频道 */ RtcEngine.instance.logout().then(re=>{})
- 检查浏览器是否支持。