关于im-live-sells自定义群组字段的使用

原创

黑眼圈云豆

发布于 2020-09-01 14:49:44

2.3K1

发布于 2020-09-01 14:49:44

文章被收录于专栏：跟铭哥学音视频技术跟铭哥学音视频技术

im-live-sells组件是基于IM和live-player实现的小程序主播带货功能，其中里面有一个功能相当灵活，可以通过自定义字段实现自定义事件，接下来我就叫大家如何使用（用过这个组件的可以直接跃过前两步）。

第一次看到这个sdk的朋友，建议观看一下官方的文章，介绍的功能会多一些

步骤一：集成im-live-sells

引入IM SDK

npm i tim-wx-sdk --save

引入im-live-sells

npm i im-live-sells --save

如果是用原生小程序集成的项目，也可以用npm先下载下来，然后拷贝图下的文件就可以使用

步骤二：初始化

import TIMLiveSell from 'im-live-sells'
import TIM from 'tim-js-sdk' //Web 环境
// import TIM from 'tim-wx-sdk' 小程序环境
const tls = new TIMLiveSell({
      SDKAppID: 1400***803,
      roomID: '@TGS#E****NVLGE',
      userSig: 'eJwtzM9****-reWMQw_',
      userName: 'Ho***st',
      TIM: TIM
})

步骤三：绑定事件监听

下面是一般的基础监听事件的绑定方式

tls.on(TLS.EVENT.SDK_READY, async() => {

})

自定义事件绑定

官网上有一处写到了可以配合自定义字段去监听事件。

但是目前这种写法是没办法触发监听的。正确的写法可以参考下面的写法。

this.tls.on('add_goods', async(data) => {
 console.log('TLS.EVENT.ADD_GOODS', data)
 //该场直播推荐商品有变更
 wx.showToast({
   title: '有新的商品上架'
 })
 let goods
 try {
   goods = JSON.parse(data.value)
 } catch (err) {
   goods = []
 }
 this.goods = goods
})

按照这种写法来的话，我试了一下设置成其他自定义字段。如下