小程序直播流

小程序直播流

前端

页面组件

live-player(直播客户端组件)

<live-player
  src="https://domain/pull_stream"
  mode="RTC"
  autoplay
  bindstatechange="statechange"
  binderror="error"
  style="width: 300px; height: 225px;"
/>

参数说明 :https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html

这个视频窗口组件,默认有一个高度和宽度,不过可以通过CSS 修改估计问题也不是很大,还有一个横向和纵向的方法

码率,声音也是可以修改的

live-pusher(直播收录端)

这个就是拍摄直播端

<live-pusher
  url="https://domain/push_stream"
  mode="RTC"
  autopush
  bindstatechange="statechange"
  style="width: 300px; height: 225px;"
/>

都是通过推流地址把数据传输上去服务器

后台

可以通过腾讯云生成一个推流地址

传送门: https://cloud.tencent.com/document/product/454/12517

(后续开发持续更新)