网站推广.NET

网站推广.NET

独具匠心:微信小程序插入直播功能

来源:互联网

原始链接:

#rd

小程序插入直播功能

我们的商城小程序被邀请激活直播功能。直播功能仍然非常吸引人。它可以在小程序内顺利完成闭环购买交易,并提高转化率;因此,开发工作被立即安排了。

小程序实况广播组件包括观众终端,主机终端和后端管理终端。观众终端提供流媒体,实时交互,订阅提醒和产品购买的功能,主机终端提供启动,推送流媒体,音频和视频效果优化等功能。后端管理终端负责此功能。实况转播室,商品货架和营销活动配置。

因此,大部分工作实际上是由管理和运营部门完成的。在小程序上,您只需要跳到直播入口即可。

这次访问直播功能微信做得很好。根据文档,访问权限的开发很容易完成。这是我访问过程的记录,通过比较微信官方文件将更加清楚。

图片

组件介绍

使用子包介绍直播组件,并将以下引用添加到项目根目录中的app.json

{ "subpackages": [ { "root": "zhibo", "pages": [ "list/list" ], "plugins": { "live-player-plugin": { "version": "1.0.0", "provider": "wx2b03c6e691cd7370" } } } ]}

客厅列表页面

然后创建上面的zhibo / list / list页面。作为直播室列表页面

直播室页面直播1

这里的room_id是您自己的直播室ID。采集方法是调用您自己的后台采集。

您自己的后端需要根据令牌获取直播室的列表信息。方法如下:

请求网址:

请求方法:POST

完成

您感到惊讶吗?而已。测试一下:

图片

图片

这里进来。等待它开始。

注释实时广播功能具有基本库版本的要求,必须为2.9或更高。 微信客户必须是7.0.7或更高。当较低的版本刚进入直播室时,将提示用户升级微信客户端版本(较低的版本只能观看直播,而不能使用直播室的功能)。

图片

调试时请注意选择基础库版本。

产品详细信息页面需要添加一个后退按钮

在实时流式传输组件页面上单击货架产品后,跳至商家小程序的产品详细信息页面,为了防止用户无法返回直播室,商家需要添加小程序产品详细信息页面左上角的返回按钮。 Yu返回到实时组件页面。