打开微信,在小程序中搜索 “腾讯视频云”或者扫描上面的二维码,即可体验我们的官方 DEMO。
打开 微信公众平台 注册并登录小程序,出于政策和合规的考虑,微信暂时没有放开所有小程序对 <live-pusher> 和 <live-player> 标签的支持:
- 个人账号和企业账号的小程序暂时只开放如下表格中的类目:
主类目 | 子类目 |
---|---|
【社交】 | 直播 |
【教育】 | 在线教育 |
【医疗】 | 互联网医院,公立医院 |
【政务民生】 | 所有二级类目 |
【金融】 | 基金、信托、保险、银行、证券/期货、非金融机构自营小额贷款、征信业务、消费金融 |
- 符合类目要求的小程序,需要在小程序管理后台的 “设置 - 接口设置” 中自助开通该组件权限,如下图所示:
注意:如果以上设置都正确,但小程序依然不能正常工作,可能是微信内部的缓存没更新,请删除小程序并重启微信后,再进行尝试。
下载并安装最新版本的微信开发者工具,使用小程序绑定的微信号扫码登录开发者工具。
访问 GitBub地址,获取小程序 Demo源码。
1.打开安装的微信开发者工具,点击【小程序项目】按钮。 2.输入小程序 AppID,项目目录选择上一步下载下来的代码目录,点击确定创建小程序项目。 3.再次点击【确定】进入开发者工具。
4.请使用手机进行测试,直接扫描开发者工具预览生成的二维码进入, 如果只是想运行起来看看效果,可以直接使用我们提供的后台。小程序控制台没有配置域名白名单,一定要开启调试:
至此,您已经可以在本地修改调试小程序代码了。 如果您需要上线,则需要部署自己的后台环境,请参考后台自行部署。
小程序里用到了两个后台,您可以根据需要选择其中的一个或者两个后台来部署。
- WebRTCRoomServer : 提供webrtc互通的房间列表管理和webrtc-room标签几个所需参数。
- RTCRoomServer : 提供直播体验室 和 双人/多人音视频 的房间列表管理、live-room(直播连麦)和 rtc-room(视频通话)标签的后台组件。
实现了一个简单的房间列表功能,同时包含webrtc-room标签几个所需参数的生成代码
1.后台自行部署
下载 WebRTCRoomServer java后台源码,根据README.md中的指引部署后台服务。
2.小程序部署
下载 小程序 源码,将wxlite/config.js文件中的webrtcServerUrl
修改成:
https://您自己的域名/webrtc/weapp/webrtc_room
是 live-room(直播连麦)和 rtc-room(视频通话)的后台组件,源码下载后可部署于自己的业务服务器上。
1.后台自行部署
RTCRoomServer同时提供了java版本和nodejs版本,您可以选择一种语言版本来部署。
-
下载 RTCRoomServer java后台源码,根据README.md中的指引部署后台服务。
2.小程序部署
下载 小程序 源码,将wxlite/config.js文件中的serverUrl
和 roomServiceUrl
修改成:
https://您自己的域名/roomservice/
- 小程序
- 项目结构 - 小程序项目结构
- rtc-room标签 - 用于双人、多人会话场景
- live-room标签 - 用于单向音视频及连麦场景
- webrtc-room标签 - 用于单向音视频场景
- 原生标签使用
- live-pusher标签 - 微信原生live-pusher标签使用文档
- live-player标签 - 微信原生live-player标签使用文档
- 常见问题 - 小程序视频标签使用过程中常见问题
- 企业端
- WebRTC服务端(Java)
- RTCRoom服务端(Java)
- RTCRoom服务端(NodeJS)