You need to enable JavaScript to run this app.
导航

点播播放器

最近更新时间2024.05.08 15:46:07

首次发布时间2024.04.28 14:37:34

播放器设置页面,您可以创建不同样式和功能的点播播放器。在初始化 Web 观播 SDK 后,您可以通过该点播播放器,以视频 ID 为维度,而非直播间维度,播放指定视频。

应用场景

本功能适用于具备开发能力、对点播播放器自定义诉求较大,且点播播放场景较多的教育类客户,例如提供自定义的点播播放器为学生播放同一课程视频。

前提条件

  • 您已开通旗舰版或定制版套餐。详见计费说明
  • 确保您拥有火山引擎主账号或具备视频管理 > 可编辑权限的子账号。有关如何添加子账号,详见子账号管理

操作步骤

  1. 登录企业直播控制台
  2. 在顶部导航栏,单击媒资库
  3. 在左侧导航栏,单击播放器设置
  4. 单击新建播放器
    图片
  5. 在弹出的新建播放器页面,按需完成以下配置并单击保存
    图片
    • 播放器名称:输入点播播放器的名称。
    • 画面缩放设置:选择画面缩放模式。默认为等比适配。您可以在页面右侧,查看画面缩放的预览效果。
      • 等比适配:保持视频原有宽高比例填充点播播放器,视频的宽高会填满点播播放器的宽高。如果视频宽高比与点播播放器宽高比不同,视频会缩放显示。推荐在 PC 和手机横屏模式时使用该设置。
      • 等比填满:保持视频原有宽高比例填充点播播放器,视频的宽高会填满点播播放器的宽高。如果视频宽高比与点播播放器宽高比不同,会有部分视频内容被裁剪掉。推荐在手机竖屏模式时使用该设置。
      • 拉伸填满:视频内容完全填充点播播放器,但视频宽高比可能发生变化。
    • 倍速设置:设置点播播放器的倍速档位,以供观众在观看页选择。默认支持 2、1.5、1.25、1、0.75 和 0.5 倍速。支持设置 [0.1,3] 区间的数字,且最多支持 2 位小数。单击添加或按下回车键,即可添加设置的倍速档位。最多支持 10 个倍速档位。
    • 控件颜色:设置点播播放器内进度条、按钮、文字等控件的颜色。
    • 打开 Logo设置开关,单击上传图片,上传点播播放器 Logo 图片并设置图片在观看页的展示位置。您可以在页面右侧,查看 Logo 图片的预览效果。
      图片
    • 打开跑马灯开关,按需完成以下配置。
      图片
      • 跑马灯效果:显示跑马灯在观看页的效果。
      • 跑马灯内容:自定义跑马灯内容。
      • 显示方式:选择滚动闪烁方式。
        • 滚动:在点播播放器内以碰撞反弹方式展示。
        • 闪烁:在点播播放器内随机出现和消失。
      • 跑马灯速度:选择跑马灯在点播播放器内滚动或闪烁的速度。默认为适中。
      • 跑马灯大小:选择跑马灯字体的大小。默认为 24 px。
      • 跑马灯颜色:配置跑马灯字体的颜色。
      • 不透明度:拖动调整跑马灯字体的不透明度。默认为 10%。
    • 打开全屏水印开关,按需完成以下配置。
      图片
      • 水印效果:显示所配置的水印内容及样式。
      • 水印内容:自定义水印内容。
      • 水印大小:选择水印字体的大小。默认为 24 px。
      • 水印颜色:配置水印字体的颜色。
      • 不透明度:拖动调整水印字体的不透明度。默认为 10%。
      • 水印角度:配置水印的倾斜角度。默认为 15 度,即向右上方倾斜 15 度。取值范围为 [-90,90]。
  6. 在点播播放器列表,您可以完成以下操作:
    图片
    • 根据点播播放器的名称或 ID 搜索指定点播播放器。支持模糊搜索。
    • 单击播放器Token 右侧的复制图标或复制,获取当前账号初始化 Web 观播 SDK 的点播播放器 Token。SDK 初始化完成后,观众可在视频绑定的点播播放器上观看指定视频。
    • 单击编辑,编辑指定点播播放器。
    • 单击复制,复制指定点播播放器。
    • 单击设为默认,将指定点播播放器设置为默认点播播放器,媒资库 > 视频管理 > 视频库内的视频即可默认使用该点播播放器进行播放。
    • 单击删除,删除指定点播播放器。

后续操作

  1. 视频管理 > 视频库页面,单击待播放视频右侧的管理。在视频详情页面的播放器设置下拉列表中,选择指定点播播放器。详见视频库
  2. 通过播放器 Token 和待播放视频的 ID,初始化 Web 观播 SDK,即可在观看页展示该视频绑定的点播播放器并播放该视频。详见集成 Web 观播 SDK