当前位置:

微信直播小程序开发教程是什么

浏览量:

关于说到微信小程序直播的方式在我们身边的会议、客户服务、约会中应用得越来越多……看到这些,不少开发者就着急了:怎样才能开发出例如小程序直播、小程序在线语音客服、小程序视频会议等等服务?

其实,这些玩得很6的小程序直播,都少不了它的支持——

2017年下半年,微信6.5.21版本支持在线音视频功能。开发者可以通过两个音视频组件<live-pusher>和 <live-player>实现实时地在线直播、视频通话、语音通话等功能。那么今天就来分享下微信直播小程序开发教程是什么?一起来看看吧。
微信直播小程序开发教程是什么
微信直播小程序开发教程是什么

1、在线直播的应用场景有哪些?

在游戏直播、远程授课、以及企业内部的培训分享等场景中,都可能会用到在线直播功能,直播的应用场景可以遍及各行各业。

比如微信电竞是一款游戏直播产品,以小程序为产品呈现方式。

比如在医疗行业,专家医师往往需要全国各地飞进行学术交流和培训,出差本身耽误了医生大量时间,在线远程授课能大大减少这里的时间耗用。

小程序中的 <live-pusher> 和 <live-player> 两个组件 ,都有一个叫做live ( <live-pusher> 中对应 mode 属性为 SD, HD, FHD)的模式,专门为在线直播而设计,通过小程序的音视频接口的live 模式,可以实现上述应用场景。

2、在线直播的内部原理是什么?

主播端使用 <live-pusher> ,它在微信小程序的内部是一个推流引擎,它负责对手机摄像头和麦克风的数据进行采集和编码,并通过 url 参数指定的 rtmp 推流地址上传到云端。

云端的作用类似信号放大器,它负责将来自主播端的一路音视频流数据进行放大,将数据实时并且无差异的负责并扩散到全国各地,从而解决主播和观众端之间距离太远(比如,跨地区和跨运营商)的问题。

观众端使用 <live-player> 进行播放,它在小程序的内部是一个在线播放器,负责从云端实时拉取音视频数据并进行解码和渲染。由于云端的放大效应,每一个观众都能在离自己比较近的云服务器上拉取到实时且流畅的音视频流。

3、我怎么用小程序实现在线直播?
p1:开通一个云直播服务(比如 腾讯云 ),或者自己搭建一个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。

关于在线直播,你会有这样的疑问

1、时延太高是怎么回事?

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

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

2、主播网络不好怎么办?

在一场直播过程中,如果观众端的网络不好,那么观看体验仅仅影响到当前观众;如果主播的网络不好,那么所有观众的观看体验都会很糟糕。

本文来自转载,原文网站名称:安菲科技,如果想了解更多相关小程序知识请您去百度搜索安菲科技,进入网站了解更多知识。

综上所述:上面的文章全面介绍了【微信直播小程序开发教程是什么】。今天就分享到这里啦,如果您想习更多微信直播小程序开发请您到细分导航栏目查看详细知识。

[声明]本网站转载的部分内容、图片来源于网络,只为分享与学习,不以盈利为目的。故此,如果转发的内容侵犯了您的版权,请联系我们我们核实后会立即删除,我们会保证您的版权。

相关推荐

  • 扑克牌小程序制作方法?制作流程介绍

     现如今说到微信小程序,我们都知道小程序刚刚上线的时候就是通过小游戏来做推广打开市场的,现在的小程序种类日益繁多,各商家还是喜欢推出游戏小程序来吸引顾客眼球。这当中比较受青睐的就是纸牌类游戏小程序,那么扑克牌小程序制作方法?制作流程介绍,一起来看看吧。 ...

    2023-06-02 0
  • 证件照小程序怎么开发?有什么制作方法

     关于说到微信小程序怎么弄证件照?微信小程序里弄证件照,只需要搜一款靠谱好用的证件照制作工具就可以了。我自己在用的制作工具就是在微信小程序里搜到了,非常方便好用并实惠。证件照可以自己制作了,的确是件利民的好事。只是,证件照毕竟是非常严谨正式的证件,它是归档的一种图像资料,它自然是有规范和具体要求的。 ...

    2023-06-01 4
  • 节目单小程序怎么做出来的

     关于说到节目单小程序怎么做出来的?注册好小程序账号的下一步,就是做小程序。我们之后正式运营的小程序并不在微信平台搭建的,需要自己开发或者找第三方工具帮你搭建,后期也是在这里进行运营和管理。 ...

    2023-05-31 4
  • 微信小程序制作导航栏怎么弄?方法介绍

     关于说到打开微信小程序,当用户要找自己需要的功能时,导航栏就显得非常重要了。目前小程序的导航比较常见的是微信小程序底部导航栏,微信小程序顶部导航栏则比较少。小程序导航栏一般是3~5个项目,这样比较符合视觉美感。那么、微信小程序制作导航栏怎么弄?方法介绍?下面就来看看吧。 ...

    2023-05-30 5
  • 餐厅小程序制作方法有哪些

     随着科技的不断发展,越来越多的人开始使用手机进行生活的各个方面。在这样一个背景下,食堂点餐小程序的推出,为人们的生活带来了很大的便利。那么,餐厅小程序制作方法有哪些?一起来看看吧。 ...

    2023-05-29 4
  • 跑腿小程序制作价格多少钱?

     跑腿小程序指的是一种可以帮助人们快速高效地完成跑腿任务的应用程序。制作价格可能因不同公司和项目有所不同,那么跑腿小程序制作价格多少钱?但以下是可能影响价格的因素,一起来看看吧。 ...

    2023-05-26 7