You need to enable JavaScript to run this app.
导航
配置参数
最近更新时间:2024.09.06 14:27:39首次发布时间:2024.07.10 15:40:50

SDKConf

SDK 初始化参数,用于在观看页展示直播间。

说明

SDK 的配置优先级高于企业直播控制台和服务端 OpenAPI 的配置。

配置项类型是否必选默认值说明
servicestring不适用服务名称,仅用于标记。
企业直播技术支持会在配置白名单后,向您同步该参数值。
activityIdnumber不适用直播间的活动 ID。您可通过调用 CreateActivityAPIV2 或 ListActivityAPI 接口获取活动 ID,也可以在企业直播控制台的直播间左上角获取活动 ID。一个直播间对应一个 activityId。

token

string

不适用

用户 Token。

  • mode 取值为 1 时,您可通过调用 GetSDKTokenAPI 接口获取用户 Token,也可以在企业直播控制台直播间内的观看页管理 > 页面嵌入 > Web SDK嵌入中获取用户 Token。
  • mode 取值为 2 时,您可通过调用 GetSDKTokenAPI 接口获取用户 Token。

mode

1 | 2

1

鉴权模式。取值如下:

  • 1:公开模式。观众以游客身份进入直播间,在点击评论输入框或参与抽奖等需要用户信息的场景下,需要先完成游客注册(即输入昵称或通过手机号登录直播间)。
  • 2:自定义模式。观众在进入直播间时使用的是在您 Web 应用内的用户信息,因此可以直接发送评论、参与抽奖等。
modulesModule[][{mode: 'player', id: 'bytelive-default-player'}]模块配置。
不配置,则默认创建一个页面元素 ID 为 bytelive-default-player 的播放器模块。

options

Partial<baseOptions> | Partial<playerOptions>

-

可选配置项。

说明

此处 baseOptionsplayerOptions 仅用于分类,实际配置时请使用 options

Module

模块配置相关参数。

配置项类型是否必选默认值说明

mode

string

不适用

模块名称。取值如下:

  • player:播放器模块。PC 端建议最小宽度为 640 px。
  • menu :菜单模块。支持聊天互动、图文介绍、商品卡片、互动工具、互动问答、内嵌链接、邀请榜单菜单。支持渲染多个菜单类型。PC 端建议最小宽度为 320 px。

说明

支持根据控制台的开关状态,判断是否在观看页展示商品卡片或互动工具菜单。

  • lines:多线路模块。高度自适应,您无需指定高度。
  • mobile:移动端横屏模式整页模块。已组装播放器、多线路和菜单模块。仅支持移动端,不支持与其他模块共用。查看 Demo 效果
  • mobile-portrait:移动端竖屏模式整页模块。已组装播放器、多线路和菜单模块。仅支持移动端,类似于抖音直播的竖屏直播场景,不支持与其他模块共用。查看 Demo 效果

说明

参数值设置为 playermenulines 时,仅可接入对应模块的功能。移动端如需接入直播预约、主播账号、页头图等非特定模块所属的功能,可将参数值设置为 mobilemobile-portrait 接入整页模块。

menu

string[]

显示的菜单类型。例如设置参数值为 ["comment", "imagetext"],显示聊天互动和互动工具菜单。默认显示所有菜单类型。仅在 modules.mode=menu 时生效。取值如下:

  • comment:聊天互动菜单。
  • imagetext:互动工具菜单。
  • cardlist:商品卡片菜单。
  • bandcontent:图文介绍菜单。
  • session:互动问答菜单。
  • embeddedurl:内嵌链接菜单。
  • invitelist:邀请榜单菜单。
idstring不适用页面元素 ID,指定模块需要渲染的位置和大小。

baseOptions

非播放器相关参数。

配置项类型是否必选默认值说明

pcPlayerHeader

boolean

false

PC 端播放器上方是否展示直播名称、描述等信息。取值如下:

  • true:展示。
  • false:不展示。

disabledLogin

boolean

false

是否禁用企业直播自带的登录体系。通常配合 permission.need 事件使用,禁用后您需自行处理用户登录流程。取值如下:

  • true:禁用。
  • false:不禁用。
originstring"https://live.byteoc.com"业务请求域名。如无特殊需求,无需设置。

saveUserInfo

boolean

true

mode 取值为 1 时,是否缓存用户信息。取值如下:

  • true:缓存。
  • false:不缓存。

mobileBackgroundTransparent

boolean

false

移动端模块背景是否透明。取值如下:

  • true:透明,展示观看页面的背景图或背景色。
  • false:不透明。

mobileGetUserId

boolean

true

是否开启快速获取移动端用户 ID 的入口。开启后在页面左上角快速点击 5 次即可获取用户 ID。取值如下:

  • true:开启。
  • false:不开启。

basicPolling

boolean

true

是否开启轮询 API 实时更新直播间信息。取值如下:

  • true:开启。
  • false:不开启。

disableCardRedirect

boolean

false

是否禁用商品卡片点击跳转能力。通常配合 card.clickfloatingcard.click 事件使用,禁用后您需自行处理跳转功能。取值如下:

  • true:禁用。
  • false:不禁用。

disableAdFloatingRedirect

boolean

false

是否禁用浮标广告点击跳转能力。通常配合 adFloating.click 事件使用,禁用后您需自行处理跳转功能。取值如下:

  • true:禁用。
  • false:不禁用。

disableAdMiddleRedirect

boolean

false

是否禁用页中广告点击跳转能力。通常配合 adMiddle.click 事件使用,禁用后您需自行处理跳转功能。取值如下:

  • true:禁用。
  • false:不禁用。

disableAdAccountRedirect

boolean

false

是否禁用主播账号点击跳转能力。通常配合 adAccount.click 事件使用,禁用后您需自行处理跳转功能。取值如下:

  • true:禁用。
  • false:不禁用。
lotteryIconLotteryIcon-抽奖图标。支持的图片格式与 img 标签支持的图片格式相同。
emojiIconstringPC 端表情面板入口的图标。参数值为图标的图片链接。支持的图片格式与 img 标签支持的图片格式相同。

moreActionExpandPc

boolean

false

是否在 PC 端聊天互动菜单下将更多图标内的选项作为图标展示。取值如下:

  • true:作为图标展示。
  • false:不作为图标展示。

disableReservationCell

boolean

false

是否禁用预约弹窗。通常配合 reservation.click 事件使用。禁用后您需自行处理用户预约功能,即通过 isReserved 参数设置用户是否已预约并调用 updateModulesConf 方法更新预约状态。取值如下:

  • true:禁用。
  • false:不禁用。

isReserved

boolean

用户是否已预约。取值如下:

  • true:已预约。
  • false:未预约。

riskWarning

boolean

true

是否开启风险提示。取值如下:

  • true:开启。
  • false:不开启。

disableLotteryTicketRedirect

boolean

false

是否禁用抽奖的奖券奖品点击跳转能力。通常配合 lotteryTicket.click 事件使用,禁用后您需自行处理跳转功能。取值如下:

  • true:禁用。
  • false:不禁用。
extrastring不适用同步至企业直播控制台的额外参数,可用于关联用户。例如设置参数值为销售部,将用户部门同步至企业直播控制台。

loginInToThumbUp

boolean

false

是否必须登录才能点赞直播间。取值如下:

  • true:必须登录。如观众在未登录状态点赞直播间,会触发 permission.need 事件。
  • false:无需登录。

disableFeatureProcess

boolean | string[]

false

在观众点击互动功能按钮后,是否阻止功能的后续执行。取值如下:

  • true:阻止所有互动功能的后续执行。
  • false:不阻止任何互动功能的后续执行。
  • String[]:阻止指定互动功能的后续执行。例如设置参数值为 ['Comment','Gift'],阻止评论功能和礼物打赏功能的后续执行。

支持阻止以下互动功能的后续执行:

  • Comment:评论功能。
  • Gift:礼物打赏功能。
  • Lottery:实时抽奖功能。
  • Thumb:评论点赞功能。
  • Luckymoney:红包功能。
  • Reservation:直播预约功能。
  • Question:互动问答功能。
  • CheckIn:签到功能。
  • Vote:投票功能。
  • Questionnaire:问卷功能。
  • TaskAward:累计观看抽奖功能。
disableFeatureFeature[]-禁用的功能。

useUserConnect

boolean

false

是否强制展示移动端连麦入口。取值如下:

  • true:强制展示。
  • false:不强制展示。

说明

  • 连麦功能使用了 WebRTC 技术,由于该技术的兼容性限制,仅在观众使用以下操作系统和浏览器时,默认展示移动端连麦入口。如需强制展示移动端连麦入口,可将参数值设置为 true
    • 操作系统:Android 10 以上或 iOS 14.3 以上。
    • 浏览器:Google Chrome(Android 版本 78.0 以上、iOS 版本 86.0.4240 以上)、Safari 14 以上或微信内嵌浏览器。
  • 为保证连麦质量,如果观众使用的操作系统和浏览器不符合以上要求,推荐您在强制展示移动端连麦入口前,测试连麦功能在不同操作系统和浏览器下的表现。

hideUserConnect

boolean

false

是否强制隐藏移动端连麦入口。取值如下:

  • true:强制隐藏。
  • false:不强制隐藏。

说明

连麦功能使用了 WebRTC 技术,由于该技术的兼容性限制,仅在观众使用以下操作系统和浏览器时,默认展示移动端连麦入口。如需强制隐藏移动端连麦入口,可将参数值设置为 true

  • 操作系统:Android 10 以上或 iOS 14.3 以上。
  • 浏览器:Google Chrome(Android 版本 78.0 以上、iOS 版本 86.0.4240 以上)、Safari 14 以上或微信内嵌浏览器。
customInteractionIconsCustomInteractionIcons[]-互动工具浮窗。

preloadQuestionnaireAttended

boolean

是否禁止弹出发送时机进入直播时的问卷。取值如下:

  • true:禁止
  • false:不禁止

LotteryIcon

抽奖图标相关参数。

配置项类型是否必选默认值说明
attendIconstring未开奖时的抽奖图标。设置参数值为0: '简体中文图片地址'。如果您需要设置英文、日文、繁体中文的图标,将0分别替换为123,并替换相应语言的图片地址。
openIconstring已开奖时的抽奖图标。设置参数值为 0: '简体中文图片地址'。如果您需要设置英文、日文、繁体中文的图标,将 0 分别替换为 123,并替换相应语言的图片地址。

CustomInteractionIcons

互动工具浮窗相关参数。

配置项类型是否必选默认值说明
keystring互动工具浮窗的唯一标识。
imgstring互动工具浮窗的图片链接。支持的图片格式与 img 标签支持的图片格式相同。
textstring互动工具浮窗底部的文字。

playerOptions

播放器相关参数。

配置项类型是否必选默认值说明
playerRetryTimesnumber1播放器遇到网络异常后的重试次数。主备流切换并降级后,如果仍然无法播放,即当前重试失败。设置为 0 表示无数次重试。

videoFillMode

string

auto

播放器内视频的填充方式。取值如下:

  • cover:保持视频原有宽高比例填充播放器,视频的宽高会填满播放器的宽高。如果视频宽高比与播放器宽高比不同,会有部分视频内容被裁剪掉。
  • auto:保持视频原有宽高比例填充播放器,视频的宽高会填满播放器的宽高。如果视频宽高比与播放器宽高比不同,视频会缩放显示。
  • fill:视频内容完全填充播放器,但视频宽高比可能发生变化。
  • fillWidth:拉伸视频宽度填满播放器宽度,视频高度不变。
  • fillHeight:拉伸视频高度填满播放器高度,视频宽度不变。

该参数仅对 PC 端和移动端横屏模式生效。
移动端竖屏模式视频的填充方式根据源流画面宽高比的不同而有所不同。效果详见竖屏直播间

purePlayer

boolean

false

是否展示纯净播放器。纯净播放器指播放器内无进度条等互动按钮。取值如下:

  • true:展示纯净播放器(播放器内无进度条等互动按钮)。
  • false:展示常规播放器。

playerBackgroundTransparent

boolean

false

播放器内未被画面填充部分的颜色是否为透明。取值如下:

  • true:透明,显示为直播封面。
  • false:不透明,显示为黑色。

disablePlayerCover

boolean

false

是否禁用直播封面。取值如下:

  • true:禁用直播封面,即显示为观看页面的背景图或背景色。
  • false:不禁用直播封面。

mobilePlayerIconIgnoreList

string[]

在移动端观看页的播放器上隐藏的功能入口。例如设置参数值为 ["language", "share"],隐藏切换语言和分享功能的入口。取值如下:

  • editNickname:修改昵称。
  • notification:开启或关闭互动特效。
  • language:切换语言。
  • share:分享。
portraitMenuExtendsPortraitMenuConf[]-移动端竖屏直播间的图标或按钮。

mobileGesture

MobileGesture

-

移动端播放器手势相关配置。

说明

由于 PC 端默认关闭手势,且不支持配置,平板在接入 PC 端 Web SDK 后,不支持通过手势操作。

showLikeInPlayer

boolean

false

是否将直播间点赞图标显示在播放器内。取值如下:

  • true:显示在播放器内。默认显示在播放器右下角,您可以通过覆盖 class 属性 bytelive-player-like-button 的样式调整图标位置。
  • false:显示在评论区输入框右侧。

disableRotateFullscreen

boolean

false

是否禁用移动端旋转至横屏时会自动进入全屏模式。取值如下:

  • true:禁用,旋转至横屏时不会自动进入全屏模式且不会有提示。
  • false:不禁用。

disableLivePauseButton

boolean

false

是否在直播期间隐藏播放器上的暂停按钮。取值如下:

  • true:隐藏。
  • false:不隐藏。

rotateFullscreen

boolean

false

移动端 iOS 进入全屏模式后,视频是否自动切换为横屏播放。取值如下:

  • true:视频自动切换为横屏播放。
  • false:视频根据设备朝向横屏或竖屏播放。

rotateFullscreenForAndroid

boolean

false

移动端 Android 进入全屏模式后,视频是否自动切换为横屏播放。取值如下:

  • true:视频自动切换为横屏播放。
  • false:视频根据设备朝向横屏或竖屏播放。
defaultLiveLinenumber默认直播频道,即观众进入直播间时,观看页默认播放的直播频道。如未设置,则默认直播频道为频道语言与观众 PC 端浏览器语言或移动端系统语言相同的直播频道。
例如取值 0 表示设置直播间的第一个直播频道为默认直播频道,取值 1 表示设置直播间的第二个直播频道为默认直播频道,以此类推。如果取值无法与直播间内的直播频道匹配,则播放器不在观看页展示。
liveLineChangeIconstring | HTMLElement通过传入 DOM 字符串或 DOM 元素,自定义播放器内多线路切换的按钮文案或图标。例如,设置参数值为 <div style="color: #fff">频道</div>
autoPlayAUTOPLAY_OPTIONSAUTO_PLAY视频的自动播放模式。
如果您的直播或点播视频无法按照参数设置自动播放或者只能静音自动播放,详见为什么直播或点播视频无法自动播放或者只能静音自动播放?

watermarkConfig

WatermarkConfig

-

点播播放器的全屏水印。

说明

本参数仅适用于在观看页展示点播播放器的场景。

tickerConfig

TickerConfig

-

点播播放器的跑马灯。

说明

本参数仅适用于在观看页展示点播播放器的场景。

playerConfPlayerConf-播放器交互相关配置。

softSolution

boolean

是否在移动端强制开启或关闭播放器软解解码直播视频。开启软解后可解决移动端部分浏览器或 App 下播放器被劫持的问题。取值如下:

  • true:强制开启。
  • false:强制关闭。

autoplayFailedIcon

boolean

true

自动播放失败后,是否展示点击播放按钮。取值如下:

  • true:展示点击播放按钮。
    alt
  • false:展示播放图标。
    alt

PortraitMenuConf

移动端竖屏直播间的图标或按钮相关参数。

配置项类型是否必选默认值说明
namestring图标或按钮的名称。该名称仅在图标或按钮收纳在更多图标中时显示在图标或按钮下方。
iconPortraitMenuIcon-竖屏直播间显示的图标。
renderstring竖屏直播间显示的图标或按钮。例如:<div style="color: #fff">赞</div>
keystring图标或按钮的唯一标识。
onClickFunction点击事件回调。
indexnumber0图标或按钮的显示顺序。数值越大,越靠左显示。值大于 70 会收纳在更多图标内。如果图标和按钮总数超过 4 个(包括直播间内的默认图标),超过部分的图标或按钮会收纳在更多图标内。

MobileGesture

移动端播放器手势相关配置参数。

配置项类型是否必选默认值说明

disableGesture

boolean

false

是否禁用移动端手势。禁用后,观众无法通过左右滑动预告或回放画面来拖动进度条。取值如下:

  • true:禁用
  • false:不禁用

PlayerConf

播放器交互相关配置参数。

配置项类型是否必选默认值说明

closeVideoDblclick

boolean

false

  • PC 端:是否禁用在双击播放器时,进入全屏模式。取值如下:
    • true:禁用。双击播放器,不会进入全屏模式。
    • false:不禁用。双击播放器,进入全屏模式。
  • 移动端:是否禁用在双击播放器时,暂停或播放直播或点播内容。取值如下:
    • true:禁用。双击播放器,不会暂停或播放直播或点播内容。
    • false:不禁用。双击播放器,暂停或播放直播或点播内容。

ignores

string[]

在观看页的播放器上隐藏的内置插件。取值如下:

  • play:播放和暂停按钮。
  • replay:重播按钮。
  • refresh:刷新按钮。
  • pip:进入和退出画中画模式按钮。
  • sdkerrorplugin:错误页面。
  • controls:播放器控制栏。
  • loading:loading 动画。
  • playnext:播放下一个按钮。
  • fullscreen:进入和退出全屏按钮。
  • volume:音量按钮。

例如设置参数值为['play','pip','replay'] ,则观看页的播放器上不显示播放和暂停按钮、进入和退出画中画模式按钮和重播按钮。

closeVideoClick

boolean

false

是否禁用在 PC 端单击播放器时,暂停或播放直播或点播内容。取值如下:

  • true:禁用。单击播放器,不会暂停或播放直播或点播内容。
  • false:不禁用。单击播放器,暂停或播放直播或点播内容。

controls

{ autoHide?: boolean; mode?: "normal" | "flex" | "bottom"; initShow?: boolean; }

autoHide:true;mode:flex;initShow:false

播放器控制栏相关配置。例如播放和暂停按钮、进入和退出全屏按钮和音量按钮等。

  • autoHide:是否自动隐藏播放器控制栏。取值如下:
    • true:隐藏。
    • false:不隐藏。
  • mode:播放器控制栏的布局方式。取值如下:
    • normal:播放按钮分布于左右两边,进度条位于顶部。
    • flex:两侧播放按钮和进度条呈三排布局。
    • bottom:播放按钮分布于左右两边,进度条位于底部。
  • initShow:是否在播放器初始化时,显示播放器控制栏。取值如下:
    • true:显示。在播放器初始化时,显示播放器控制栏。
    • false:不显示。在播放器开始播放直播或点播内容后,显示播放器控制栏。
iconsIIcon-播放器内各功能按钮的图标。
playPluginConfigs-播放按钮相关设置。
pipPluginConfigs-PC 端进入和退出画中画模式按钮相关设置。
refreshPluginConfigs-刷新按钮相关设置。
fullscreenPluginConfigs-进入和退出全屏按钮相关设置。
volumePluginConfigs-音量按钮相关设置。
playbackrateV2PluginConfigs-选择倍速按钮相关设置。
definitionV2PluginConfigs-选择清晰度按钮相关设置。

SDKVodPlayerConf

SDK 初始化参数,用于在观看页展示点播播放器。

说明

SDK 的配置优先级高于企业直播控制台和服务端 OpenAPI 的配置。

配置项类型是否必选默认值说明
servicestring不适用服务名称,仅用于标记。
企业直播技术支持会在配置白名单后,向您同步该参数值。

modules

Module[]

[{mode: 'player', id: 'bytelive-default-player'}]

模块配置。不配置,则默认创建一个页面元素 ID 为 bytelive-default-player 的播放器模块。
支持以下参数:

  • id:页面元素 ID,指定模块需要渲染的位置和大小。
  • mode:模块名称。取值固定为 player,即播放器模块。PC 端建议最小宽度为 640 px。
vodPlayerTokenstring不适用播放器 Token。您可通过调用 GetVodPlayerToken 接口获取 Token,也可以在企业直播控制台媒资库 > 播放器设置页面获取 Token。
vodPlayerConfigIdstring-观看页展示的点播播放器的 ID。您可通过调用 ListVodPlayerConfig 接口获取 ID,也可以在企业直播控制台媒资库 > 播放器设置页面获取 ID。
不配置,则展示默认点播播放器。
vidstring不适用视频 ID。您可通过调用 ListActivityMediaAPI 接口获取视频 ID,也可以在企业直播控制台媒资库 > 视频管理 > 视频库页面获取视频 ID。
optionsPartial<playerOptions>-可选配置项。

AUTOPLAY_OPTIONS

类型:enum

视频的自动播放模式。

属性说明
AUTO_PLAY1非静音自动播放视频。但由于浏览器自动播放策略等限制,视频可能会转为静音自动播放或不自动播放。
MUTED_AUTO_PLAY2静音自动播放视频。但由于浏览器自动播放策略等限制,视频可能不会自动播放。
NO_AUTO_PLAY3不自动播放视频。观众必须手动点击播放视频。

WatermarkConfig

类型:interface

自定义的全屏水印配置。

Content

类型:string

全屏水印内容。

TickerConfig

类型:interface

自定义的跑马灯配置。

Content

类型:string

跑马灯内容。