书签

本指南介绍了如何使用 IMA DAI SDK 实现书签功能 。 这里假定一个有效的 IMA DAI 实现(如 开始使用

什么是添加书签?

书签是指先保存书签,然后再返回到特定位置 。假设一位用户观看了 5 分钟的内容 离开视频流,然后返回视频流。书签功能可保存 用户在视频流中的位置,以便流式传输能够从其位置 从而为观看者提供顺畅的体验

DAI 书签功能探秘

为 DAI 视频流添加书签时,您必须记录视频流 ID 和时间 当用户离开视频时触发。当用户返回时,系统会重新请求 流式传输并跳转至保存的时间。由于请求的 只需保存视频流即可设置不同时长的广告插播时间点 时间不会行。您真正想做的是 内容时间

需要解决的转换方法

IMA DAI SDK 提供了两种方法来请求内容时间 特定直播时间以及特定内容的直播时间 时间。借助这些转换方法,您可以存储已添加书签的 content time,然后定位到 流的新实例。方法如下所示,包括一个链接 到一个示例应用,该应用展示了有效的书签添加实现。

保存书签

在内容播放器处于暂停状态时保存书签。

onPause() {
   var bookmarkTime = Math.floor(
   streamManager.contentTimeForStreamTime(videoElement.currentTime));
}

正在加载书签

在重新请求流式传输时加载书签。

function loadUrl(url) {
  hls.on(Hls.Events.MANIFEST_PARSED, () => {
    var startTime = 0;
    if (bookmarkTime) {
      var startTime = streamManager.streamTimeForContentTime(bookmarkTime);
      // Seeking on load triggers the onSeekEnd event, so treat this seek as
      // if it's snapback. Without this, resuming at a bookmark kicks you
      // back to the ad before the bookmark.
      isSnapback = true;
    }
    hls.startLoad(startTime);
    videoElement.addEventListener('loadedmetadata', () => { videoElement.play(); });
  });
  hls.loadSource(url);
  hls.attachMedia(videoElement);
}

示例应用

下载示例应用 查看书签实施。