直播间嵌入

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

前提条件

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

背景信息

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

注意事项

• 由于某些浏览器禁用第三方 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，实现直播间的嵌入。