相关疑难解决方法(0)

在HTML5视频中获取帧编号

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

请看看我的垃圾箱.http://jsbin.com/dopuvo/4/edit

我已经将帧编号添加到Adobe After Effects的每个视频帧中,因此我可以获得更准确的差异信息.视频以29.97fps运行,requestAnimationFrame也设置为以相同的速率增加数量,但我不确定这种差异来自何处.

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

javascript video html5 requestanimationframe popcornjs

14
推荐指数
3
解决办法
2万
查看次数

HTML5 video.currentTime设置不正确

我有一个HTML5网页示例

<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

function log(msg) { console.log(msg); }

$(document).ready(function() {
var video = document.getElementById("video");
video.load();
video.addEventListener('loadedmetadata', function(){
  video.currentTime = 95.061728395;
});
});
</script>
<body>
<video id="video" preload="none" height="360" width="640">
<source src="news.mp4">
  Your browser does not support this video.
</video>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

手动设置视频标签的currentTime属性,但是它正在寻找与我使用OpenCV / mplayer得到的帧不同的帧,并寻求相同的时间。

使用javascript,我会在有效时间搜索视频,并获得一个通常通常比该帧早2帧的帧。我在用

video.currentTime = 95.061728

在浏览器中

echo -n p | mplayer -ss 95.061728395 static/news.mp4

作为复制框架内容的命令。OpenCV代码与mplayer框架要查找的内容匹配。

在mplayer中,视频格式为:

Playing static/news.mp4.  
libavformat version 53.21.1 (external)  
Mismatching header version 53.19.0  
libavformat file format detected.  
[lavf] stream 0: …
Run Code Online (Sandbox Code Playgroud)

html javascript video html5

5
推荐指数
1
解决办法
1922
查看次数