【问题标题】:Render youtube videos on canvas element在画布元素上渲染 youtube 视频
【发布时间】:2013-01-10 13:59:20
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: youtube youtube-api html5-canvas


    【解决方案1】:

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

    http://omgig.com/

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-03-22
      • 1970-01-01
      • 1970-01-01
      • 2022-12-01
      • 2015-02-17
      • 2019-01-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多