微信小程序怎么做直播

2020-09-27 作者：秩名

怎么用小程序实现在线直播？

- step1：开通一个云直播服务（比如腾讯云），或者自己搭建一个rtmp服务器（例如 nginx-rtmp 服务）。

- step2：生成推流 url ,推流地址一般以 “rtmp://” 打头，比如 rtmp://8888.livepush.myqcloud.com/live/8888_test 就是一个典型 rtmp 推流 Url。

- step3：为你的小程序增加一个 <live-pusher> 标签，并将 url 参数指定为你在 step2 中生成的推流 url。

同时， <live-pusher> 的 mode 参数可以指定为 HD 或者 FHD，这是在线直播场景中比较推荐的画质。

同时，你还可以通过 <live-pusher> 的 beauty 和 whiteness 等参数设定美颜和美白等级。

- step4：生成推流 url 和播放地址，推流一般都是 rtmp:// 打头的 url，而播放地址则有两种选择，分别是 “rtmp://” 开头的 rtmp 播放协议，“http://” 打头和“.flv”结尾的的 http-flv 播放协议，推荐使用后者，因为这种播放地址各个云厂商都优化的比较好。

- step5：为你的小程序增加一个 <live-player> 标签，并将 src 参数指定为你在 step4 中生成的播放 url。同时， <live-player> 的 mode 参数请指定为 live， orientation 和 object-fit 属性可以用于调整画面布局， min-cache 和 max-cache 则可以用于控制观众跟主播之间的延时大小，推荐的设置是 min-cache = 2， max-cache = 5。

关于在线直播

你会有这样的疑问

01时延太高是怎么回事？

在线直播的延时跟播放协议和播放器参数有很大的关系， <live-player> 的 min-cache 和 max-cache 用于控制播放器端的最小时延和最大时延。其中，这里所说的“最小”和“最大”是根据观众端当时的网络情况而定的，如果网络情况比较好，那么播放器的时延就会趋向于 min-cache，而如果网络情况比较差，那么播放器的时延就会趋向于 max-cache。

另外，rtmp 协议和 http-flv 协议的播放地址延时一般比较低，而 hls(m3u8)协议的延时则相对较高。

02主播网络不好怎么办？

在一场直播过程中，如果观众端的网络不好，那么观看体验仅仅影响到当前观众；如果主播的网络不好，那么所有观众的观看体验都会很糟糕。因此主播的上行网络质量很重要，如果主播的上行网络质量不理想，比如时好时坏，或者上行小水管，不足以支持基本的直播需求，有两种办法可以解决问题:

一种办法是设置 <live-pusher> 的 min-bitrate 参数，比如 400kbps, 这样一来，当主播网络不给力的时候， <live-pusher> 就会给主播的编码器发送降低画质的命令，通过降低编码器吐出的数据量来给主播的网络减负。但这种办法产生的副作用也非常明显，就是主播的画质会变差。

另一种方法则是借助 <live-pusher> 的 NET_BUSY 通知进行 UI 上的告警提示， <live-pusher> 在主播上行网速不给力时会通过 onPushEvent 通知抛出 PUSH_WARNING_NET_BUSY(1101) 事件，这个时候你可以提示主播通过靠近路由器或者切换 4G 的方法来改善当前的网络质量。

03HLS(m3u8)协议为什么播放不了？

微信小程序在最早期的版本中就集成了 <video> 标签，该标签即可播放 HLS（m3u8）协议的播放地址，但是此种播放协议的时延一般都在 20 秒以上，所以如果对时延要求较高，则推荐使用 <live-player> 标签播放 http-flv 协议的直播地址。