获取用户在jwplayer中观看视频的总时间

Question

我想从jwplayer捕获视频的总播放/观看时间。 使用以下示例代码。

jwplayer("player").setup({
"playlist": [
{
"sources": [
{
"default": false,
"file": 'https://content.jwplatform.com/manifests/yp34SRmf.m3u8',
"label": "0",
"type": "hls",
"preload": "meta"
}
]
}
],
"height": "240",
"width": "100%",
"aspectratio": "16:9",
"stretching": "uniform",
"controls": true,
"autostart": true
});
jwplayer("player").on('time', function (e) {
var count = this.getPosition();        
});

你能帮我做这件事吗？

Answer 1

最好的方法是依靠 JW Player 事件，特别是 on('time'( 事件。

let totalTimeWatched = 0;
let previousPosition = 0;
jwplayer().on('time', (e) => {
const { position } = e;
totalTimeWatched += (position - previousPosition);
previousPosition = position;
});

如果您也想计算广告的时间，则可以使用adTime事件，该事件还具有position属性。

编辑

要考虑查找行为，您可以使用额外的侦听器，on('seek')重置previousPosition。见下文：

let totalTimeWatched = 0;
let previousPosition = 0;
jwplayer().on('time', (e) => {
const { position } = e;
totalTimeWatched += (position - previousPosition);
previousPosition = position;
});
jwplayer().on('seek', (e) => {
previousPosition = e.offset;
});

Answer 2

您可以通过这个简单的逻辑获取视频播放的总毫秒数

// In ms
var totalPlayBackTime = 0
setInterval(
function() {
if(player.getState() == "playing") {
totalPlayBackTime = totalPlayBackTime + 500
}
},
500
);

在这里，代码将每 500 毫秒执行一次，以检查播放器是否正在播放。如果是，则在总播放时间上增加 500 毫秒。读取totalPlayBackTime变量以获取播放时间。

这样你就不必依赖jwplayer事件了。

注意：我还没有用广告测试过。

Answer 3

为什么不使用 e.currentTime？