随着互联网行业迅速发展,在线直播正在逐步兴起,与其他产业的联动日益紧密,“直播+”模式逐渐成型。尤其是在2020年的疫情影响下,各行各业都在想办法把业务从线下转到了线上。其中电商直播是也成为当下最出圈的带货方式。不同于传统销售的高成本运营,直播带货营销活动中的层层阻碍,将搜索渠道、触达渠道、下订渠道、评估渠道、运营渠道整合到了一起,整合后能有效避免因渠道跳转带来的用户流失。

与此同时,如何搭建一个完整的直播平台也成为商家们新的难题。目前企业的解决方案通常包含两种,一种是选择自研开发直播平台,另一种是选择接入大厂商的系统平台。从开发成本跟使用稳定性来看,我们一般会推荐直接集成大厂功能。

我们最常见的直播场景

我们在日常生活中会遇到各种不同的应用场景,比如秀场直播、在线教育、商业直播、会议直播等,每个场景的集成都是将 即时通信 IM 和 云直播系统 结合闭环的一整套解决方案,而今年最热门的直播带货场景则综合了云直播的房间管理,在接入IM做简单的封装,实现了基本收发消息能力的同时,还封装了点赞、送礼、商品推送、优惠券领取等相关的能力,而最热门最简单的还是以小程序端客户端为主。

如何快速搭建属于你的直播带货小程序?

小程序拥有基于微信生态的巨大流量,搭建小程序直播端口是平台开发者的必经之路。

云直播依托腾讯强大的技术平台,将腾讯视频等核心业务底层能力开放给用户,并提供腾讯自研的推流 SDK 和播放器 SDK,方便定制属于自己的客户端。 同时,腾讯云直播CDN遍布全球1300+加速节点,即使在高峰期海量并发时,也能保证服务的高可用性和媒体传输速度。另外还有防盗链、URL 鉴权、IP 黑白名单、HTTPS 安全加速等四位一体全方位保护,达到全方位检测和防护。

具体我们应该怎样去搭建了,在搭建的过程中会遇到哪些问题,小编这边也帮我们简单的实践操作下。

我们今天就用小程序·云直播+腾讯云IM 的方式搭建一套完整的直播带货平台。希望开发者们对搭建流程有一个基本的认识。

1、开通腾讯云直播

首先我们需要登录到腾讯云直播的官网去开通云直播服务,实名认证,添加拉流地址,具体的操作流程可以直接登录腾讯云账号查看官方文档。https://cloud.tencent.com/document/product/267/13551

2、申请使用小程序插件

因为推拉流是用的微信小程序底层的标签,所以我们需要先申请插件,开通电商场景才能进行推拉流的操作。具体的接入要求可以查看官网。

3、使用小程序插件搭建直播房间

我们需要下载最新版的微信开发者工具,登录以后进行开发,在小程序中引入插件代码。使用插件前需在小程序工程的中声明要使用插件的授权,例如:

在 page 的.json文件中定义需要引入的live-room-push组件,使用plugin://协议。

在 page 的.wxml文件加载刚引入的live-room-push组件。

下面我们需要先把组件实例化,通过接口获取组实例,开始启动推流操作。

需要先在 page 的.js文件中,将插件加载进来,即可获取到 live-room-push 组件实例.

调用之后,启动开始推流

播放端基本也是一样的操作,在直播房间的页面里面嵌入插件,获取实例,开始播放,具体的操作情况可以根据他里面提供的demo去参考。

4、接入IM 实现购物,点赞,弹幕功能

我们看到的直播间里面都会有点赞,弹幕,购物的功能,这个需要我们集成即时通信IM的sdk去实现,IM中提供了很多接口和方法,这边简单描述下具体接入情况。

先引入直播带货IM SDK

接着初始化IM组件

使用即时通信 IM 的 AVChatroom 创建直播聊天室,我们在直播的场景中,为达到活跃群热度的效果需要将大量消息实时反馈给群成员,比如有人送礼给主播,需要全员通知,可能还需要一个特别炫酷的动效来展现。全员通知的送礼消息可以用 IM 的自定义消息来实现,并且自定义消息可以携带额外信息,用户在发送礼消息时,可以携带上礼物信息以及用户信息。

用户的点赞行为、购买商品行为、关注主播的行为等都可以用自定义消息来实现。自定义消息与文本消息、富文本消息有所不同,可以理解为用户发送的一种特殊消息,它仅仅是传递了一种特殊信号。

SDK 中发送自定义消息的示例代码如下:

可以调用以下方法给主播点赞,增加点赞的动画效果,extension:点赞时的附加信息等

当有人给主播点赞的时候,会触发以下方法的回调,业务侧根据收到的点赞消息数进行数量统计,每3秒 - 5秒可通过 接口将该数据更新进群资料字段中,SDK 通过拉取资料接口实现点赞数量统计,显示在界面上。

可以调用以下方法给主播送礼,extension:送礼时的附加信息,如礼物信息等

当有人给主播送礼物的时候,会触发以下方法的回调,然后通过回调内容,业务端实现特效动画效果

你可以在直播页面的左下角位置添加跳转购买的图片链接,当观众端把商品加入购物车的时候,你需要把对应商品的信息和用户的账号信息保存到后台数据列表中,这样观众端点击购买跳转后,会显示用户之前添加保存的商品信息。以上就是简单快捷的接入搭建小程序直播带货的过程,具体的详情客户其它的功能可以参考demo去实现,

我们可能在搭建过程中会遇到以下问题:

(1)使用小程序直播时提示白名单效验失败?

检查调用小程序插件时传递的 liveappid 是否为购买插件的腾讯云账号 appid(不是 sdkappid)。

检查小程序插件使用的播放域名,是否为小程序直播播放域名。

检查推流组件和拉流组件中的“version”参数值是否设置为“2”。

(2)使用小程序云直播插件时,推流正常,拉流端手机上下有黑边?

请先使用在线播放网站播放 flv,对比小程序播放的页面,如果画面没有被裁剪,请检查推拉流两端的分辨率是否一致。

检查插件组件中的“objectFit”参数,将其配置为“fillCrop”,看黑边是否消失。

若排查后仍有黑边问题。可将推流地址、播放地址和插件启动相关 log,保存文本交由对接的技术支持定位问题。

具体的详细接入请查看腾讯云官网相关文档。 https://cloud.tencent.com/document/product/1078/42916

(3)如何在直播群中实现踢人功能?

可以将踢人功能通过自定义消息实现,自定义消息中需包含被踢者的 Members_Account,通过将该消息优先级设置为 High 避免因40条/秒消息限频后被后台抛弃,被踢者的 SDK 收到该消息后,调用 退出群组 接口即可在直播群中实现踢人功能。

总结:

综上就是在接入腾讯云直播+IM能力下,搭建整套直播带货方案的过程及常见问题。我们可以看到,在搭建过程中最重要的是集成开发时,需要将业务的功能数据和逻辑思路整理清楚。因为所有数据的记载、统计、显示,以及整个商品从开始选购到最后的成交整套的业务逻辑,是完善平台搭建过程中最关键的环境。

文章来源于腾讯云开发者社区,点击查看原文