微信小程序> 小程序实时视频前端

小程序实时视频前端

浏览量:3438 时间: 来源:weixin_33739541

最近公司项目有用到腾讯云的实时音视频,一开始以为比较容易,但是也容易踩坑,就重点总结如下7个步骤:

step1:

首先A 跟业务服务器(腾讯云服务,是与websocket进行沟通)沟通,获取 push-url-A 和低延时的 play-url-A,服务器分配 URL 的方法参考 DOC。

step2:

A 创建一个 RTC 模式的 标签,指定 url 为 step1 中获得的 push-url-A,并通过 bindstatechange 属性绑定一个 javascript 函数(比如叫 onPushEvent)。

step3:

A 这边需要一些时间启动推流,推流开始以后, 会通过 onPushEvent 的 PUSH_EVT_PUSH_BEGIN(1002)事件通知给 A, 此时 A 可以向 B 发起通话请求,请求中可以携带 play-url-A。

step4:

B 需要等待 UI 界面上的确认,如果 B 确认接通,接下来要做的就是创建一个 RTC 模式的  ,并指定 src 为 play-url-A。

step5:

B 此时还要跟业务服务器沟通,获取 push-url-B 和低延时的 play-url-B,并创建一个 RTC 模式的   标签,指定 url 为 push-url-B,并通过 bindstatechange 属性绑定一个 javascript 函数(比如叫 onPushEvent)。

step6:

B 此时需要一些时间启动推流,推流开始以后,  会通过 onPushEvent 的 PUSH_EVT_PUSH_BEGIN(1002)事件通知给 B,之后 B 可以向 A 响应通话请求,请求中可以携带 play-url-B。

step7:

A 此时要做的就是创建一个 RTC 模式的 ,并指定 src 为 play-url-B。 !

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎