微信小程序 voip-room 多人音视频对话 组件

Posted 2021-06-26 java1234_小锋

完整微信小程序(Java后端) 技术贴目录清单页面（必看）

多人音视频对话。需用户授权 scope.camera、scope.record。相关接口： wx.joinVoIPChat

暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。

一级类目/主体类型	二级类目	小程序内容场景
教育	在线视频课程	网课、在线培训、讲座等教育类直播
医疗	互联网医院，公立医院	问诊、大型健康讲座等直播
医疗	私立医疗机构	/
金融	银行、信托、基金、证券/期货、证券、期货投资咨询、保险、征信业务、新三板信息服务平台、股票信息服务平台（港股/美股）、消费金融	金融产品视频客服理赔、金融产品推广直播等
汽车	汽车预售服务	汽车预售、推广直播
政府主体帐号	/	政府相关工作推广直播、领导讲话直播等
IT 科技	多方通信	在线会议
IT 科技	硬件设备	智能硬件

开通该组件权限后，开发者可在 joinVoIPChat 成功后，获取房间成员的 openid，传递给 voip-room 组件，以显示成员画面。

属性	类型	默认值	必填	说明	最低版本
openid	string		是	进入房间用户的 openid	2.11.0
mode	string	camera	否	对话窗口类型，自身传入 camera，其它用户传入 video	2.11.0
device-position	string	front	否	仅在 mode 为 camera 时有效，前置或后置，值为front, back	2.11.0
binderror	eventhandle		否	创建对话窗口失败时触发	2.11.0

Bug & Tip

1. tip：开发者工具上暂不支持
2. tip：请注意原生组件使用限制

示例代码

<block wx:for="{{openIdList}}" wx:key="*this">
  <voip-room
    openid="{{item}}"
    mode="{{selfOpenId === item ? 'camera' : 'video'}}">
  </voip-room>
</block>

微信搜一搜【java1234】关注这个放荡不羁的程序员，关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。