类型:interface
小程序 SDK 非播放器相关的监听事件,如抽奖、奖券等模块的事件。
说明
该部分事件仅适用于在观看页展示直播间的场景。
SDK 发生错误时触发的事件,例如初始化失败、重复登录等。
类型
(payload: { code: SDKErrorCode; message: string; _originalError?: unknown;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 错误信息。 |
code | 错误码。 | |
message | string | 错误信息。 |
在 SDK 初始化完成时,SDK 会触发此事件。您可以通过监听此事件,确认 SDK 已准备就绪,并可以开始调用其他功能接口,例如进入直播间。
类型
(payload: {}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | {} | 初始化完成事件的负载信息。目前为一个空对象。 |
直播状态变更事件。
类型
(status: 1 | 2 | 3 | 4 | 5) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
status | 1 | 2 | 3 | 4 | 5 | 直播状态枚举值。取值如下:
|
观看页图标点击事件。当用户点击底部操作区的图标或横屏播放器右上角的图标时,SDK 会触发此事件。
注意事项:
HEART)不会触发此事件。如需监听点赞行为,请监听 SDK 提供的 thumb.click 事件。类型
(payload: { icon: BottomIcon; roomType: 'portrait' | 'landscape';}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 点击事件的相关信息。 |
icon | 被点击图标的完整数据结构。 | |
roomType | "portrait" | "landscape" | 点击发生时的直播间形态。取值如下:
|
后台播放请求成功事件。当调用 requestBackgroundPlayback 方法或点击 SDK 后台播放按钮成功进入后台播放模式时触发。
类型
(payload: { source: 'bottom-icon' | 'api'; playerType: 'video' | 'live-player' | string; errMsg: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 后台播放请求成功后的结果信息。 |
source | "bottom-icon" | "api" | 触发来源。取值如下:
|
playerType | string | 播放器组件类型。取值如下:
|
errMsg | string | 错误信息描述。 |
后台播放请求失败事件。当调用 requestBackgroundPlayback 方法或点击 SDK 后台播放按钮进入后台播放模式失败时触发。
类型
(payload: { source: 'bottom-icon' | 'api'; playerType: 'video' | 'live-player' | string; errMsg: string; reason: 'unsupported' | 'player_not_ready' | 'wechat_fail';}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 后台播放请求失败后的结果信息。 |
source | "bottom-icon" | "api" | 触发来源。取值如下:
|
playerType | string | 播放器组件类型。取值如下:
|
errMsg | string | 错误信息描述。 |
reason | "unsupported" | "player_not_ready" | "wechat_fail" | 失败原因。取值如下:
|
菜单内的商品卡片点击事件。您可以通过监听此事件,实现商品卡片的自定义跳转逻辑。详见功能实现:自定义跳转逻辑。
类型
(card: { Id: number; cardIndex: number; text: string; url: string; UAInfos: UAInfos[]; DirectUrls: string[];}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
card | - | 商品卡片菜单配置信息。 |
Id | number | 商品卡片 ID。 |
cardIndex | number | 商品卡片序号。 |
text | string | 商品卡片的标题。 |
url | string | 商品卡片的跳转链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
UAInfos | UAInfos[] | 商品卡片菜单配置的环境信息。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
DirectUrls | string[] | 商品卡片的直达链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
商品卡片内容或菜单配置变更事件。
类型
(payload: { menus: Menu[]; product: ProductV2;}) => void
参数
商品卡片讲解状态或浮窗展示状态变化事件。
类型
(payload: { displayStatus: boolean; Id?: number; Title?: string; RedirectUrl?: string; UAInfos?: UAInfos[];}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 商品讲解状态信息。 |
displayStatus | boolean | 商品卡片的讲解状态或浮窗展示状态。取值如下:
|
Id | number | undefined | 当前讲解中或浮窗展示中的商品卡片 ID。 |
Title | string | undefined | 当前讲解中或浮窗展示中的商品卡片标题。 |
RedirectUrl | string | undefined | 当前讲解中或浮窗展示中的商品卡片跳转链接。 |
UAInfos | UAInfos[] | undefined | 当前讲解中或浮窗展示中的商品卡片环境信息。 |
商品详情点击事件。当观众点击商品图、商品名称、商品价格等商品信息区域时,SDK 会触发此事件。
若您在初始化时通过 jumpConfig.webviewUrlPath 配置了宿主 Webview 页面,并在 jumpConfig.features 中包含 productDetail,则 SDK 会在抛出该事件后执行默认跳转;若未包含,则仅抛出事件,由您自行处理跳转逻辑。
类型
(card: { Id?: number; text?: string; url: string; originUrl?: string; UAInfos?: UAInfos[]; DirectUrls?: string[]; source?: ProductCardClickSource;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
card | - | 商品详情入口的点击信息。 |
Id | number | undefined | 商品卡片 ID。 |
text | string | undefined | 商品名称。 |
url | string | 商品详情入口的原始跳转链接,与 |
originUrl | string | undefined | 商品详情入口的原始跳转链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
UAInfos | UAInfos[] | undefined | 商品卡片菜单配置的环境信息。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
DirectUrls | string[] | undefined | 商品卡片各环境下的直达链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
source | 'card' | 'floatingCard' | undefined | 触发本次点击的商品入口来源。取值如下:
|
商品购买点击事件。当观众点击商品的跳转图时,SDK 会触发此事件。
若您在初始化时通过 jumpConfig.webviewUrlPath 配置了宿主 Webview 页面,并在 jumpConfig.features 中包含 productPurchase,则 SDK 会在抛出该事件后执行默认跳转;若未包含,则仅抛出事件,由您自行处理跳转逻辑。
类型
(card: { Id?: number; text?: string; url: string; originUrl?: string; originRedirectUrl?: string; UAInfos?: UAInfos[]; DirectUrls?: string[]; source?: ProductCardClickSource;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
card | - | 商品购买入口的点击信息。 |
Id | number | undefined | 商品卡片 ID。 |
text | string | undefined | 商品名称。 |
url | string | 商品购买入口的原始跳转链接,与 |
originUrl | string | undefined | 商品购买入口的原始跳转链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
originRedirectUrl | string | undefined | 您在控制台或服务端 OpenAPI(如支持)中配置的商品卡片原始跳转链接。该参数是否有值取决于当前商品数据。 |
UAInfos | UAInfos[] | undefined | 商品卡片菜单配置的环境信息。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
DirectUrls | string[] | undefined | 商品卡片各环境下的直达链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
source | 'card' | 'floatingCard' | undefined | 触发本次点击的商品入口来源。取值如下:
|
加入购物车点击事件。当观众点击商品的加购按钮时,SDK 会触发此事件。
若您在初始化时通过 jumpConfig.webviewUrlPath 配置了宿主 Webview 页面,并在 jumpConfig.features 中包含 productAddCart,则 SDK 会在抛出该事件后执行默认跳转;若未包含,则仅抛出事件,由您自行处理跳转逻辑。
类型
(card: { Id?: number; text?: string; url: string; originUrl?: string; UAInfos?: UAInfos[]; DirectUrls?: string[]; source?: ProductCardClickSource;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
card | - | 加入购物车入口的点击信息。 |
Id | number | undefined | 商品卡片 ID。 |
text | string | undefined | 商品名称。 |
url | string | 加入购物车入口的原始跳转链接,与 |
originUrl | string | undefined | 加入购物车入口的原始跳转链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
UAInfos | UAInfos[] | undefined | 商品卡片菜单配置的环境信息。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
DirectUrls | string[] | undefined | 商品卡片各环境下的直达链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
source | 'card' | 'floatingCard' | undefined | 触发本次点击的商品入口来源。取值如下:
|
浮窗商品卡片点击事件。您可以通过监听此事件,实现商品卡片的自定义跳转逻辑。详见功能实现:自定义跳转逻辑。
类型
(card: { Id: number; text: string; url: string; UAInfos: UAInfos[]; DirectUrls: string[];}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
card | - | 商品卡片菜单配置信息。 |
Id | number | 商品卡片 ID。 |
text | string | 商品卡片的标题。 |
url | string | 商品卡片的跳转链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
UAInfos | UAInfos[] | 商品卡片菜单配置的环境信息。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
DirectUrls | string[] | 商品卡片的直达链接。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
购物车按钮点击事件。用户点击移动端横屏或竖屏直播间的购物车按钮时触发。
类型
() => void
当用户点击直播间的“立即预约”按钮时,SDK 会触发此事件。您可以通过监听此事件,实现自定义的预约逻辑或进行数据埋点。
类型
(payload: {}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | {} | 预约按钮点击事件的负载信息。目前为一个空对象。 |
在用户成功提交预约信息并完成预约时,SDK 会触发此事件。您可以通过监听此事件,获取用户的预约信息或更新预约相关的 UI 状态。
类型
(payload: { tel: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 预约成功后的负载信息。 |
tel | string | 预约手机号。免短信预约时为空字符串。 |
当直播倒计时自然结束时,SDK 会触发此事件。
类型
(payload: {}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | {} | 事件信息,当前为空对象。 |
抽奖入口点击事件。
类型
(award: { awardId: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
award | - | 抽奖信息。 |
awardId | number | 抽奖 ID。 |
参与抽奖事件。
类型
(award: { awardId: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
award | - | 抽奖信息。 |
awardId | number | 抽奖 ID。 |
抽奖开奖事件。仅当抽奖开奖时用户在线,才会触发该事件。
类型
(award: { awardId: number; ifWin: boolean;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
award | - | 抽奖开奖信息。 |
awardId | number | 抽奖 ID。 |
ifWin | boolean | 是否中奖。取值如下:
|
提交中奖信息事件。
类型
(award: { awardId: number; awardTel: string; awardAddress?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
award | - | 提交的中奖信息。 |
awardId | number | 抽奖 ID。 |
awardTel | string | 观众输入的手机号。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
awardAddress | string | undefined | 观众输入的收货地址。该参数是否有值取决于您在控制台或服务端 OpenAPI(如支持)的配置。 |
领取奖券奖品点击事件。您可以通过监听此事件,实现商品卡片的自定义跳转逻辑。详见功能实现:自定义跳转逻辑。
类型
(award: { url: string; ActivityId: number; TaskAwardId: number; TaskAwardItemId?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
award | - | 奖券奖品相关信息。 |
url | string | 奖品链接。 |
ActivityId | number | 直播间活动 ID。 |
TaskAwardId | number | 抽奖配置 ID。 |
TaskAwardItemId | string | undefined | 抽奖奖品 ID。 |
浮标广告点击事件。仅在通过企业直播控制台或服务端 OpenAPI 配置了跳转链接后,才会触发该事件。您可以通过监听此事件,实现浮标广告的自定义跳转逻辑。详见功能实现:自定义跳转逻辑。
类型
(ad: { AdvertisementRedirectUrl?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
ad | - | 浮标广告信息。 |
AdvertisementRedirectUrl | string | undefined | 浮标广告跳转链接。 |
互动工具菜单中的文本超链接点击事件。您可以通过监听此事件,实现互动工具菜单中的文本超链接的自定义跳转逻辑。
类型
(payload: { url: string; text: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 互动工具菜单中的文本超链接信息。 |
url | string | 超链接 URL 地址。 |
text | string | 展示的超链接文案。 |
公告内容中的超链接点击事件。您可以通过监听此事件,实现公告内容中的超链接的自定义跳转逻辑。
类型
(payload: { url: string; text: string; announcementId?: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 公告内容中的超链接信息。 |
url | string | 超链接 URL 地址。 |
text | string | 展示的超链接文案。 |
announcementId | number | undefined | 公告 ID。 |
图文介绍菜单富文本超链接点击事件。您可以通过监听此事件,实现图文介绍菜单富文本超链接的自定义跳转逻辑。
类型
(payload: { url: string; text: string; title?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 图文介绍菜单富文本超链接信息。 |
url | string | 超链接 URL 地址。 |
text | string | 展示的超链接文案。 |
title | string | undefined | 图文介绍菜单标题。 |
直播间点赞事件。
类型
(thumb: { count: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
thumb | - | 点赞信息。 |
count | number | 点赞数量。 |
点赞数变更事件。
类型
(thumb: { count: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
thumb | - | 点赞信息。 |
count | number | 点赞数量。 |
获取可用卡券列表事件。
类型
(payload: { idList?: number[];}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
idList | number[] | undefined | 卡券 ID 列表。 |
卡券列表状态更新事件。
类型
(payload: { imageText: ImageTextInfo[];}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
imageText | 互动工具数据。 |
展示指定卡券事件。
类型
(payload: { couponId: number; from?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
from | string | undefined | 触发来源。 |
自动弹出卡券事件。
类型
(payload: { couponId: number; coupon?: ActivityCouponInfo;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
coupon | ActivityCouponInfo | undefined | 卡券信息。 |
关闭卡券弹窗事件。
类型
(payload: { couponId: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
领取卡券按钮点击事件。
类型
(payload: { couponId: number;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
领取卡券状态事件。
类型
(payload: { couponId: number; status?: CouponPickUpStatusValue; res?: CouponPickUpResponse;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
status | CouponPickUpStatusValue | undefined | 领取状态。取值如下:
|
res | CouponPickUpResponse | undefined | 领取接口返回信息。 |
领取卡券异常事件。
类型
(payload: { couponId: number; res?: CouponPickUpResponse;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | 卡券 ID。 |
res | CouponPickUpResponse | undefined | 领取失败返回信息。 |
卡券入口点击事件。当用户点击观看页面的卡券图标、互动工具中的卡券和商品卡片菜单里的卡券图标等卡券入口时,SDK 会触发此事件。
类型
(payload: { couponId?: number; coupon?: ActivityCouponInfo; couponInfo?: ActivityCouponInfo; terminal?: 'pc' | 'mobile'; source?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
couponId | number | undefined | 卡券 ID。 |
coupon | ActivityCouponInfo | undefined | 卡券信息。 |
couponInfo | ActivityCouponInfo | undefined | 卡券信息。 |
terminal | "pc" | "mobile" | undefined | 观众的终端类型。取值如下:
|
source | string | undefined | 触发位置来源。 |
卡券领取按钮点击事件。当用户点击卡券中的“立即领取”按钮时,SDK 会触发此事件。
类型
(payload: { callback?: ((canPick: boolean, msg?: string) => void) | undefined; }) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
callback | ((canPick: boolean, msg?: string) =\> void) | undefined | 回调函数。您可以通过执行该函数,控制是否允许用户领取卡券。 传入参数:
|
立即提现按钮点击事件。
仅在同时满足以下条件时,才会触发该事件:
类型
(luckymoneyInfo: { activityId: string; redPacketId: number; timestamp: number; type?: 'miniapp' | 'custom'; customRedirectUrl?: string; detail?: { redPacketId?: number; };}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
luckymoneyInfo | - | 红包相关信息。 |
activityId | string | 直播间活动 ID。 |
redPacketId | number | 红包 ID。 |
timestamp | number | 点击立即提现按钮的时间。Unix 时间戳,单位为毫秒。 |
type | "miniapp" | "custom" | undefined | 提现跳转类型。取值如下:
|
customRedirectUrl | string | undefined | 自定义跳转链接,仅在 |
detail | - | 微信授权提现场景的附加信息。 |
redPacketId | number | undefined | 红包 ID。 |
互动功能按钮点击事件。您可以通过设置 disableFeatureProcess 并监听该事件,接管指定互动功能的默认处理逻辑。
类型
(payload: { feature: 'Comment' | 'Question' | 'Questionnaire' | 'CheckIn' | 'Lottery' | 'Thumb' | 'Luckymoney' | 'Reservation' | 'Coupon'; status: boolean;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 互动功能点击信息。 |
feature | "Comment" | "Question" | "Questionnaire" | "CheckIn" | "Lottery" | "Thumb" | "Luckymoney" | "Reservation" | "Coupon" | 互动功能。取值如下:
|
status | boolean | 是否阻止 SDK 继续执行默认后续逻辑。取值如下:
|
福利任务奖券奖品领取点击事件。当用户点击福利任务领奖弹窗中的「前往领取奖品」按钮时触发。
类型
(payload: { url?: string; activityId?: number | string; taskId?: number | string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 福利任务奖券奖品领取点击信息。 |
url | string | undefined | 奖品外链地址。 |
activityId | string | number | undefined | 直播间活动 ID。 |
taskId | string | number | undefined | 福利任务 ID。 |
福利任务现金奖励立即提现点击事件。当用户点击福利任务领奖弹窗中的「立即提现」按钮,且奖励配置了提现跳转地址时触发。
类型
(payload: { activityId?: number | string; taskId?: number | string; source: 'reward_detail' | 'auto_receive'; redirectType: 'miniapp' | 'custom'; miniAppId?: string; miniAppRedirectParam?: string; customRedirectUrl?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 福利任务现金奖励立即提现点击信息。 |
activityId | string | number | undefined | 直播间活动 ID。 |
taskId | string | number | undefined | 福利任务 ID。 |
source | "reward_detail" | "auto_receive" | 事件来源。取值如下:
|
redirectType | "miniapp" | "custom" | 提现跳转类型。取值如下:
|
miniAppId | string | undefined | 微信小程序 appId,仅在 |
miniAppRedirectParam | string | undefined | 微信小程序跳转参数,仅在 |
customRedirectUrl | string | undefined | 自定义跳转链接,仅在 |
问卷提交完成事件。当用户提交问卷后,无论成功或失败,SDK 都会触发此事件。
类型
(payload: { activityId: number; questionnaireId: number; answers: Array<{ questionId: number; answer: string | string[]; }>; status: 'success' | 'fail'; errorCode?: string | number; errorMessage?: string;}) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
payload | - | 事件的参数对象。 |
activityId | number | 直播间活动 ID。 |
questionnaireId | number | 问卷 ID。 |
answers | - | 问卷答案摘要。 |
questionId | number | 题目 ID。 |
answer | string | string[] | 用户提交的答案。单选、填空题为字符串,多选题为字符串数组。 |
status | "success" | "fail" | 提交结果状态。取值如下:
|
errorCode | string | number | undefined | 失败时返回的错误码。 |
errorMessage | string | undefined | 失败时返回的错误信息。 |
开始播放事件。在播放器接收到播放指令并成功开始尝试拉流时,SDK 会触发此事件。
类型
() => void
恢复播放事件。在播放器由于卡顿、暂停后重新进入播放状态,且画面开始流畅更新时,SDK 会触发此事件。
类型
() => void
暂停播放事件。在播放器执行暂停操作并停止画面更新时,SDK 会触发此事件。
类型
() => void
播放结束事件。在当前视频内容播放完毕时,SDK 会触发此事件。
注意
小程序 SDK 为兼容历史行为保留该参数;Web SDK 同名事件无参数。
类型
(isAllReplayEnded: boolean) => void
参数
名称 | 类型 | 说明 |
|---|---|---|
isAllReplayEnded | boolean | 是否所有回放视频均已播放结束。取值如下:
|
销毁播放器事件。在播放器组件被卸载、页面销毁,或 SDK 播放器从视频态切换回封面态时,SDK 会触发此事件。
类型
() => void
直播状态映射文案变更事件。
类型
(status: '直播' | '预告' | '回放' | '结束' | '已关闭') => void
参数
名称 | 类型 | 说明 |
|---|---|---|
status | "直播" | "预告" | "回放" | "结束" | "已关闭" | 直播状态文案。取值如下:
|