3

我们正在开发一个 html5 / javascript 应用程序,它在 html5 画布元素上呈现图像和视频。对于视频,我们使用的机制如下:

  1. 在页面上嵌入隐藏的 html5 视频标签,并将所需视频作为 src
  2. 使用 requestAnimationFrame 循环渲染画布
  3. 在每次渲染调用中,我们从视频标签中获取当前视频帧并将其渲染到画布上。

现在我们正在寻找一种在画布上播放来自 youtube 的视频的方法。问题是 youtube 只允许嵌入他们的播放器并且没有选择只获取视频 url(嵌入到自己的视频元素中)他们提供的 html5 播放器被放置在 iframe 中,因此我们没有机会抓住视频帧。

有没有办法做这样的事情。或者 youtube 将来会允许获取视频网址吗?

4

1 回答 1

3

我可能有点晚了,但我遇到了这个网站,它在 <video> 标签中呈现 YouTube 视频,然后在画布上对其进行操作。

http://omgig.com/

有人设法获得了该网站的源代码

https://github.com/endlesshack/youtube-video

我遇到的唯一问题是它似乎不适用于 vevo 视频

于 2013-04-21T17:02:59.263 回答