本文介绍了微信小程序中利用<live-pusher>和<live-player>组件实现在线直播和视频通话的原理及步骤。直播场景下，主播端通过<live-pusher>推流，观众端通过<live-player>播放。RTC模式则用于实现低延迟的视频通话，通过建立双向音视频链路完成。同时，文章讨论了延时和卡顿的解决方案。
2017年下半年，微信6.5.21版本支持在线音视频功能。开发者可以通过两个音视频组件 <live-pusher> 和 <live-player> 实现实时地在线直播、视频通话、语音通话等功能。
下面我们将详细介绍一下音视频组件在线直播和视频通话这两个应用场景。
在线直播
01在线直播的应用场景有哪些？
在游戏直播、远程授课、以及企业内部的培训分享等场景中，都可能会用到在线直播功能，直播的应用场景可以遍及各行各业。
比如微信电竞是一款游戏直播产品，以小程序为产品呈现方式。
比如在医疗行业，专家医师往往需要全国各地飞进行学术交流和培训，出差本身耽误了医生大量时间，在线远程授课能大大减少这里的时间耗用。
小程序中的 <live-pusher> 和 <live-player> 两个组件 ，都有一个叫做live ( <live-pusher> 中对应 mode 属性为 SD, HD, FHD)的模式，专门为在线直播而设计，通过小程序的音视频接口的live 模式，可以实现上述应用场景。
02在线直播的内部原理是什么？
主播端使用 <live-pusher> ，它在小程序的内部是一个推流引擎，它负责对手机摄像头和麦克风的数据进行采集和编码，并通过 url 参数指定的 rtmp 推流地址上传到云端。
云端的作用类似信号放大器，它负责将来自主播端的一路音视频流数据进行放大，将数据实时并且无差异的负责并扩散到全国各地，从而解决主播和观众端之间距离太远（比如，跨地区和跨运营商）的问题。
观众端使用 <live-player> 进行播放，它在小程序的内部是一个在线播放器&#
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
