gpt4 book ai didi

javascript - 无论起点如何,如何检查视频是否连续播放 30 秒?

转载 作者:行者123 更新时间:2023-12-03 06:56:54 28 4
gpt4 key购买 nike

我在 HTML 中有一个视频元素

<video id="video_player" controls>
<source src="{{object.video_file.url}}" type="video/mp4">
Your browser does not support the video tag.
</video>
我想要的是检查视频是否连续播放 30 秒,无论它从哪里开始,以获取计数。
如何在此处为此编写 JavaScript
$("#video_player")[0].addEventListener('timeupdate',(e) =>{
// logic
})

最佳答案

您需要跟踪视频何时开始、停止或暂停。让我们将其存储在一个变量中:var startTime = new Date();制作一个重置计时器的函数:

function reset() {
startTime = new Date();
}
每当用户开始、停止或暂停视频时,重置计时器:
$('#video_player')[0].addEventListener('play', reset);
$('#video_player')[0].addEventListener('pause', reset);
$('#video_player')[0].addEventListener('stop', reset);
最后,当视频正在播放时,检查它已经播放了多长时间:
$('#video_player')[0].addEventListener('timeupdate', (e) => {
let elapsedSeconds = ( new Date() - startTime ) / 1000;
console.log( `Video has been playing for ${elapsedSeconds} seconds` );
if ( elapsedSeconds > 30 ) {
console.log( 'Video has been playing for more than 30 seconds!' );
// Do something special
}
});

关于javascript - 无论起点如何,如何检查视频是否连续播放 30 秒?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64039948/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com