我们正在开发一个 html5/javascript 应用程序,它在 html5 canvas 元素上呈现图像和视频。 对于视频,我们使用的机制如下:
- 在页面上嵌入一个隐藏的 html5 视频标签,并将所需的视频作为 src
- 使用 requestAnimationFrame 循环渲染 Canvas
- 在每次渲染调用中,我们从视频标签中获取当前视频帧并将其渲染到 Canvas 上。
现在我们正在寻找一种在 Canvas 上播放来自 youtube 的视频的方法。 问题是 youtube 只允许嵌入他们的播放器并且没有选择只获取视频 url(嵌入自己的视频元素) 他们提供的 html5 播放器放在 iframe 中,因此我们没有机会从中获取视频帧。
有没有办法做这样的事情。还是 youtube 以后会允许获取视频 url?
最佳答案
我可能有点晚了,但我发现了这个网站,它在
有人设法获得了网站的源代码
https://github.com/endlesshack/youtube-video
我遇到的唯一问题是它似乎不适用于 vevo 视频
关于youtube - 在 Canvas 元素上渲染 youtube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14259626/