視聴者が特定のビデオを視聴した時間の追跡

Question

視聴者が特定のビデオを視聴した時間をトラッキングしようとしていますが、React JSでメディアイベントのいくつかについて少し混乱しています。ビデオはビデオの後の部分にスキップされ、それが実際に一時停止ボタンを押さなくを呼ぶんビットのために停止している

• ？

• また、onTimeUpdateについては混乱しています。

Answer 1

HTMLオーディオ/ビデオ・イベント・リスナーは、ここで参照を見てみてください。 https://www.w3schools.com/tags/ref_av_dom.asp

あなたは「readystate」プロパティを、おそらく必要があります

はの準備状態を表しますオーディオ/ビデオ要素：

0 = HAVE_NOTHING - オーディオ/ビデオが の準備ができているかどうかの情報なし

1 = HAVE_METADATA - オーディオ/ビデオのメタデータは

2 = HAVE_CURRENT_DATA

準備ができている - 現在の再生位置のデータは、=、次のフレーム/ミリ秒を再生する 利用できますが、十分ではないデータ

3でありますHAVE_FUTURE_DATA -

の再生を開始するのに十分なデータ - 現在及び少なくとも次 フレームが利用可能である

4 = HAVE_ENOUGH_DATA用データ

これは、ビデオが再生された時間をカウントするためにsetTimeoutにカウンタを使用したと思います。

var counter = 0; 
var timer = setTimeout(function() { 
    var vid = document.getElementById("myVideo"); 
    var state = vid.readystate; 
    if(state != 0) counter++; 
    console.log(counter + " seconds its been played"); 
} , 1000);