HTML5ビデオ：シーク元位置から取得

Question

HTML5ビデオで実行されたシークを追跡したい。このためには、シークレットとシークレットポジションを知る必要があります。 2つ目は些細なことです（1つはseekedイベントに耳を傾けなければなりません）。最初の取得方法はわかりません。過去には

は、私が カスタムコントロールを使用しましたので、私は、私がレンダリングされたプログレスバーまたは任意の mousedownイベントを聞いたとき、それは、シークするために変更する直前に手動で currentTimeを救うことができます。

今、私は標準コントロールでそれをやりたかったが、この最後にプレイしたポジションをキャプチャできません。

外の制御領域を選択するときに、私もvideo要素にmousedownイベントをリッスンするようにしようとしたが、それが唯一の火災...

let video = document.getElementsByTagName('video')[0]; 
 
let list = document.getElementsByTagName('ul')[0]; 
 

 

 
function log(name, time) { 
 
    let li = document.createElement('li'); 
 
    li.textContent = name + ': ' + time; 
 
    list.appendChild(li); 
 
} 
 

 
video.addEventListener('seeked', e => { 
 
    log('seeked', e.target.currentTime); 
 
}); 
 

 
video.addEventListener('mousedown', e => { 
 
    log('mousedown', e.target.currentTime); 
 
});

<video width="300" src="http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4" controls></video> 
 
<ul> 
 
</ul>

ありがとうございます！

Answer 1

timeupdateイベントを使用して現在の時刻を追跡し、seekedイベントが発生したときに最新の現在時刻を知ることができます。

ここで問題になるのは、少なくともChromeがtimeupdateをトリガーする直前にseekedがこのアプローチを壊すことになることです。しかし、今度は、seekingイベントを使用して、現在の時刻を追跡するのを止めるべき時を知ることができます。

唯一の欠点は、ユーザーがマルチプルでビデオがまだロードされていないポイントを探す場合、最初のシーク開始位置になります。

let currentVideoTime = 0; 
let saveCurrentTime = true; 

video.addEventListener('seeked', e => { 
    log('seeked (started at ' + currentVideoTime + ')', e.target.currentTime); 
    saveCurrentTime = true; 
}); 

video.addEventListener('seeking', e => { 
    log('seeking', e.target.currentTime); 
    saveCurrentTime = false; 
}); 

video.addEventListener('timeupdate', e => { 
    log('timeupdate', e.target.currentTime); 
    if(saveCurrentTime) 
    currentVideoTime = e.target.currentTime; 
}); 

Answer 2

私の問題は、それが解雇だときseekingでも、video_element.currentTimeはすでに時間「へのシーク」に更新されていることです。

私はそれを行う方法は、（そのtimeupdateを除いて十分な頻度で発生しません[を、時には20代の？時々1msの？多分負荷に依存？]私はちょうど100 fpsのためのtimerを設定し、ポーリングのみtimeupdateを追跡することによって、基本的ですcurrentTime。それは前回「大幅に」変更された場合は、私が求める前提としています。FWIW。

それはseekingイベントより先にtimeupdate「時々」火災（残念）ように見えるん。それは対前方のかどうかの違いを作るかもしれませんバックワードシークまたは若干の奇数