在网页上获取视频的帧

时间:2013-01-09 12:29:56

标签: javascript iis video canvas

有一个钻石视频表示为一系列图像。这是链接:http://beta.jamesallen.com/#!/loose-diamonds/Round-cut/0.70-carat-K-color-SI1-clarity-Very-Good-cut-sku-163685。如果询问凭据,您可以使用fsgs2k@gmail.com / hello作为登录名/密码。

视频由一些棘手的JS显示在canvas元素内。我没经验过这个控制JS的经历。我想要的是:

  • 了解此视频的显示帧速率。是25 fps吗?
  • 获取基础图像序列。

我需要你帮助完成这些任务。

1 个答案:

答案 0 :(得分:1)

您在<canvas>元素中显示了资源文件夹:

<canvas id="diamond_s1" class="diamondCanvas" style="display: block;" 
setfolder="Sets/Diamond/$number/sets/" width="473" height="375"></canvas>

您必须获取该文件夹路径,然后您应该能够在Chrome浏览器的“Chrome网络”标签中看到包含上一个目录并结束的网址with set[number].txt

这些url以帧为单位返回整个视频,编码为bsae64 data-image。您将获得大量data:image/jpeg;base64,后跟base64图像。这是你必须通过简单的base64解码获得并转换为jpeg的图像帧

你必须弄清楚他们采取的顺序,但是json会给你一些关于那个的见解