跟蹤觀看者觀看某個視頻的時間

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);