HTML5视频：使用JavaScript在特定帧停止

我有一个标准的HTML5视频元素。我想通过纯JavaScript在特定帧（而不是分钟）暂停视频

<video id="media-video" controls>
    <source id="media-source" src="media/video.mp4" type="video/mp4">
</video>

不幸的是，我只有一个解决方案可以在特定时间以秒为单位停止视频：

video.addEventListener('timeupdate', function () {
    if (mediaPlayer.currentTime > stopframes[0]) {
        ...
    }
});

如何使用纯JavaScript在一个特定帧停止视频？

您可以使用它

stopVideoFor

每当当前帧位于

stopframes

（

if（stopframes.includes（frame））{

中时，我都会花费一些毫秒来停止视频：

var stopframes=[30,60,90132]；
var currentFrame=$（“#currentFrame”）；
视频帧({
id:'视频'，
帧率：29.97，
回调：函数（帧）{
if（停止帧。包括（帧））{
停车场（1000）；
}
}
});
功能停止（毫秒）{
video.video.pause（）；
video.stopListen（）；
设置超时（（）=>{
video.video.play（）；
视频。听（‘帧’）；
}，ms）；
}
$（“#播放暂停”）。单击（函数（）{
如果（视频。视频。暂停）{
video.video.play（）；
视频。听（‘帧’）；
$（“#播放暂停”）.html（'pause'）；
}否则{
video.video.pause（）；
video.stopListen（）；
$（“#播放暂停”）.html（'play'）；
}
})；

玩

您可以使用它

stopVideoFor

每当当前帧位于

stopframes

（

if（stopframes.includes（frame））{

中时，我都会花费一些毫秒来停止视频：

var stopframes=[30,60,90132]；
var currentFrame=$（“#currentFrame”）；
视频帧({
id:'视频'，
帧率：29.97，
回调：函数（帧）{
if（停止帧。包括（帧））{
停车场（1000）；
}
}
});
功能停止（毫秒）{
video.video.pause（）；
video.stopListen（）；
设置超时（（）=>{
video.video.play（）；
视频。听（‘帧’）；
}，ms）；
}
$（“#播放暂停”）。单击（函数（）{
如果（视频。视频。暂停）{
video.video.play（）；
视频。听（‘帧’）；
$（“#播放暂停”）.html（'pause'）；
}否则{
video.video.pause（）；
video.stopListen（）；
$（“#播放暂停”）.html（'play'）；
}
})；

玩

video.addEventListener('timeupdate', function () {
    if (mediaPlayer.currentTime > stopframes[0]) {
        ...
    }
});