You need to enable JavaScript to run this app.
导航
直播间嵌入
最近更新时间:2023.11.03 10:49:56首次发布时间:2022.03.10 17:40:28

本文介绍了如何将直播间嵌入到您自己的页面。

前提条件

您已开通专业版、旗舰版或定制版套餐。详见计费说明

背景信息

随着直播行业的蓬勃发展,人们对于直播间嵌入页面的需求也与日俱增。直播间嵌入页面后,观众可在原有平台中打开直播,方便快捷,不仅能吸引新用户,更能够留住老用户。同时,您可将直播间嵌入到页面的任意位置,缩短开发周期。

注意事项

  • 由于某些浏览器禁用第三方 Cookie,因此如果您选择 iframe 嵌入方式且在观看页管理 > 观看限制页面并未将评论限制设置为公开,建议不要在嵌入模式下做任何读写 Cookie 的设置,例如发布发送时机进入直播时的问卷。如果需要在嵌入模式下使用相关功能,可以通过添加别名记录(CNAME 记录)的方式自定义观看页域名,使您的页面和观看页的域名相同,观看页的 Cookie 会作为第一方 Cookie 写入,不会受到第三方 Cookie 的限制。如需添加 CNAME 记录,请联系企业直播技术支持。
  • 如果您选择 iframe 嵌入方式,建议不要在 HTTP 域名下嵌入 HTTPS 域名的页面,否则页面可能无法正常访问。
  • 如果评论区支持表情符号,最小宽度限制如下:
    • 有点赞按钮时,最小宽度为 340 px;
    • 无点赞按钮时,最小宽度为 300 px。

操作步骤

  1. 登录企业直播控制台
  2. 直播列表中,单击进入直播间。
  3. 在左侧导航栏,选择观看页管理 > 页面嵌入
  4. 选择 iframe嵌入Web SDK嵌入
    • iframe嵌入:提供以下模块的嵌入链接,您可以一键复制嵌入链接到您的代码中。具体参数,请参见 iframe 嵌入

      说明

      嵌入链接默认为 PC 端页面,如需采用手机端页面,可手动将 platform 的参数值修改为 mobile

      图片
      • 整体页面:直播间整体页面的链接。
      • 播放器:播放器模块的链接。
      • 互动工具菜单:互动工具菜单的链接。
      • 卡片菜单:商品卡片菜单的链接。
      • 图文菜单:图文菜单的链接。
    • Web SDK嵌入:如果您需要定制化页面,推荐选择该嵌入模式。详情请参见 Web SDK

      说明

      联系技术支持将您的页面域名加入接入方域名白名单。

      图片
      • 用户Token:用户的 Token。您可以使用该 Token 接入 Web SDK,实现直播间的嵌入。
      • 初始化示例代码:Web SDK 的初始化示例代码。您可以根据业务需要,修改相应参数值,接入 Web SDK,实现直播间的嵌入。