播放进度

注意:播放器默认不会回调进度,需要手动调用方法获取。

第一步、注册回调

initialize之后,start之前注册回调

videoPlayer.value?.setDurationCallback(durationCallback)
videoPlayer.value?.setProgressCallback(progressCallback)

第二步、播放器开始播放事件(onPlayerPlaying)后,开启定时器获取播放时长和当前进度

const onPlayerPlaying = () => {
  startDurationTimer()
  startProgressTimer()
}

function startDurationTimer() {
  stopDurationTimer()
  durationTimer = setInterval(() => {
    videoPlayer.value?.getDuration()
  }, 500)
}

function startProgressTimer() {
  stopProgressTimer()
  progressTimer = setInterval(() => {
    videoPlayer.value?.getCurrentPosition()
  }, 500)
}

注意:播放停止的时候需要关闭获取进度定时器

Source

Docs