youtube - 在 Canvas 元素上渲染 youtube 视频

标签 youtube youtube-api html5-canvas

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

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

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

有没有办法做这样的事情。还是 youtube 以后会允许获取视频 url?

最佳答案

我可能有点晚了,但我发现了这个网站,它在

http://omgig.com/

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

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

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

关于youtube - 在 Canvas 元素上渲染 youtube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14259626/

相关文章:

android - 选择Android上的YouTube视频?

php - 如何通过javascript/php存储和发送$ _FILES

javascript - 启动播放器后,Youtube API会调用播放器功能

java - YouTube 的响应数组,以编程方式排序

javascript - 递归金三 Angular ,三 Angular 形逼近哪一点?

youtube - JW Player 7在精确时间暂停

android - 使用ytd-android库将视频从android设备上传到youtube后,如何返回url?

jquery - YouTube API-通过Ajax上传视频

javascript - 在 Canvas 上多次翻转和镜像图像

css - 将 three.js 背景更改为透明或其他颜色