在canvas元素上呈现youtube视频

时间:2013-01-10 13:59:20

标签: youtube youtube-api html5-canvas

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

  1. 在页面上嵌入了一个隐藏的html5视频标记,其中包含所需的视频src
  2. 使用requestAnimationFrame以循环方式呈现画布
  3. 在每个渲染调用中,我们从视频标记中抓取当前视频帧并将其渲染到画布上。
  4. 现在我们正在寻找一种在画布上播放youtube视频的方法。 问题是youtube只允许嵌入他们的玩家而没有选择只获取视频网址(嵌入自己的视频元素) 他们提供的html5播放器放在iframe中,因此我们没有机会从中获取视频帧。

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

1 个答案:

答案 0 :(得分:1)

我可能有点迟了,但我遇到了这个网站,它在< video>中呈现了一个YouTube视频。标记然后在画布上操作它。

http://omgig.com/

有人设法获取网站的源代码

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

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