【问题标题】:How can I get pixel data of every frame in a HTML5 <video> element如何获取 HTML5 <video> 元素中每一帧的像素数据
【发布时间】:2010-09-10 20:39:23
【问题描述】:

我想我必须等待视频完成加载,然后设置一个时间间隔(1/24 秒)来获取视频持续时间内的当前帧数据。但这似乎很hacky,看起来它可能会跳过帧等等......

那么,有没有我可以连接的“onFrameChange”侦听器,以便我可以获取每一帧,或者以任何其他方式获取 HTML5 视频的每一帧的图像数据?

提前致谢。

【问题讨论】:

    标签: javascript html html5-video


    【解决方案1】:

    timeUpdate 事件会在时间发生任何变化时触发(通过正常播放或用户滑动控件)。在 Firefox 上,它每帧触发一次,尽管该假设不能移植到其他浏览器。

    我认为没有一种可移植的方式来做你提到的事情。我主张timeUpdate 更可靠,但没有取得太大进展。 1/24 秒或更快的间隔可能是最好的方法。

    【讨论】:

    • timeUpdate 在 3.6 中每帧触发,但在 4b 中默认为 Webkit 和 Opera 采用的标准速率 200~250ms。
    猜你喜欢
    • 2015-11-23
    • 2010-12-15
    • 2016-04-02
    • 1970-01-01
    • 1970-01-01
    • 2017-10-15
    • 2017-04-12
    • 2014-06-18
    • 1970-01-01
    相关资源
    最近更新 更多