如何从HTML5视频播放器框架访问原始像素数据?

时间:2015-09-07 01:11:34

标签: javascript html5 video image-recognition

我已经对此进行了一些谷歌搜索,但似乎无法找到完成它的结果。我想在它的核心实验图像识别,而不是图书馆,我试图找出如何访问帧的原始像素数据。

它是如何完成的?我想查看单个视频帧的像素网格数据结构并在原始数据上运行公式,以明确我所要求的内容。我非常喜欢使用JavaScript - 我没有找到一些关于此的大教程,我只是想学习如何从视频帧中访问图像数据。例如,使用什么方法或存在什么属性来访问像素数据。

2 个答案:

答案 0 :(得分:1)

你可以See here。然后从画布中使用draw the video into a canvas。它返回一个getImageData对象,该对象具有ImageData属性。它是一个Uint8ClampedArray,它包含rgba序列中的像素数据。

答案 1 :(得分:1)

您将视频帧绘制到html5画布中,然后使用float64从那里获取像素。

此处遇到问题的主要原因是相同的原始政策:只有在脚本和视频位于同一主机上时才会有效。

此页面包含一些没有库的直接访问示例: data