javascript – 在HTML5视频中获取帧数

我试图捕获每个帧的视频,但它看起来没有办法实现.所以我开始自己的时钟来匹配视频的帧号,但是它们从不匹配,随着视频的进行,差异不断增加.

请看看我的bin. http://jsbin.com/dopuvo/4/edit

我从Adobe After Effect将视频的每帧添加了帧号,所以我有更准确的差异信息.视频运行在29.97fps,并且requestAnimationFrame也设置为以相同的速率增加数字,但是我不知道这个差异来自哪里.

有时他们匹配,有时候他们不匹配.我也试着离线做,但我得到相同的结果.任何帮助

解决方法

我在github上找到了一些东西. https://github.com/allensarkisyan/VideoFrame

我在这个小提琴中实现了它：http://jsfiddle.net/Ck6Zq/184/

var currentFrame = $('#currentFrame');
var video = VideoFrame({
    id : 'video',frameRate: 29.97,callback : function(frame) {
        currentFrame.html(frame);
    }
});

$('#play-pause').click(function(){
    if(video.video.paused){
        video.video.play();
        video.listen('frame');
        $(this).html('Pause');
    }else{
        video.video.pause();
        video.stopListen();
        $(this).html('Play');
    }
});

编辑：更新小提琴新视频,使其再次工作.