iFrame 播放器

追蹤 iFrame 播放器的播放行為

(以下內容均翻譯自英文版文件,最新資訊及內容敬請切換至英文語系參考原文)

 

本指南將指導您完成追蹤 BlendVision One iframe 播放器播放行為的步驟。

 

開始之前

在執行步驟之前,請確保您已準備好 BlendVision One 串流 iframe。以下指南將幫助您準備好您的 iframe:

 

步驟 1:新增事件監聽器

請將以下腳本添加到您的 HTML 中:

<script>

  window.addEventListener('message', messageEvent => {

    const parseData = JSON.parse(messageEvent.data)

    if (parseData.event !== 'infoDelivery') {

      return

    }

    console.log(parseData)

  })

</script>

 

步驟 2:提取播放紀錄

監聽每 0.5 秒發送一次的 "infoDelivery " 事件,以取得下列的播放紀錄:

 

播放進度

下面的範例顯示了一名使用者的播放進度,該名使用者以 1.25 倍的播放速度觀看了 171 秒的 VOD:

{
  event: 'infoDelivery', 
  info: {
    currentTime: 171,
    currentTimeLastUpdated:, // Unix time when the event sent
    playbackRate: 1.25,
  }
}

 

播放事件

您可以提取使用者的播放事件紀錄。有關可使用的事件列表,請參閱 播放事件 文章。

{
    event: 'infoDelivery', 
    info: {
          currentTimeLastUpdated:,// Unix time when the event sent
          playlogData: {
              playback_module_version: "",
              system_time:,// Unix time when the event sent
              },
          playlogEventName: "",
      }
  }

 

了解更多

要控制播放,請參照 此處 提供的文章。

更新於