我试图捕获视频的每个帧编号,但看起来没有办法实现它.所以我开始使用自己的时钟来匹配视频的帧数,但它们从不匹配,随着视频的进展,差异也在不断增加.
请看看我的垃圾箱.http://jsbin.com/dopuvo/4/edit
我已经将帧编号添加到Adobe After Effects的每个视频帧中,因此我可以获得更准确的差异信息.视频以29.97fps运行,requestAnimationFrame也设置为以相同的速率增加数量,但我不确定这种差异来自何处.
有时他们匹配,有时他们不匹配.我也尝试离线,但我得到相同的结果.任何帮助.
题
我想编写有效的代码,使用JavaScript在Web浏览器中播放/操作图像.我认为使用视频文件可能会减少http请求.如何从视频中访问单帧的png/jpg /字节码版本？
背景
目前,我有大约1000张图像的序列,这些图像的变化非常小,需要在我的页面上快速访问.通过HTTP请求加载图像将永远(显然),随着我的应用程序的增长,这个数字可能会从1000增加到5000到10,000 ......
对单个图像的Ajax请求不起作用,b/c我需要立即加载图像(并且没有时间等待新的http请求).
我的想法是在服务器上预处理视频文件,显示图像进展 - 每帧一个图像 - 以加快下载速度和浏览器的性能.我觉得这个视频可以根据在线观看视频的速度快速下载到客户端.我陷入了如何从视频中获取帧的图片内容的问题.
HTML5？
请注意,我还没有考虑过HTML5,但愿意考虑是否有所帮助.