html - 将 YouTube 视频用于 webgl 纹理？

Question

我正在尝试将 youtube 视频用作 webgl 纹理，目前由于一些问题我无法使其工作。有没有人有这方面的经验，可以指出正确的方向/告诉我这是不可能的？

我遵循此处详述的方法:https://developer.mozilla.org/en/webgl/animating_textures_in_webgl基本上，您从 html5 视频元素制作纹理，并将帧读入场景中使用的纹理。这对于普通视频非常有效，但 youtube 只会通过 iframe 提供(AFAIK)html5 视频，这显然在他们的域而不是我的域中。这意味着很难在 iframe 中查询用作纹理的视频元素(我快速尝试代理它不起作用，因为 iframe src 使用相对 url，尽管我没有彻底尝试这个)。我还尝试使用 mediaElement.js 将元素包装为 html5 视频(像这样:http://mediaelementjs.com/examples/?name=youtube)，但我很快意识到这只是一个外观，所以不能真正用作纹理的输入(至少我认为这是问题所在) !)。

我不想做任何涉及下载和重新编码 YT 视频或任何类似的事情，因为我需要一些可以通过编程完成的事情，尽管客户端或服务器端都可以。

我很确定问题只是获取包含 youtube 视频的视频元素，但我对 webgl 很陌生，对 webgl 中的视频也是全新的，所以对任何想法都持开放态度!非常感谢收到所有帮助 - 谢谢!

Answer 1

好吧，我最终模拟了 YT 嵌入 iframe 的功能，从 iframe 检索到的 URL 创建了一个视频元素，然后将它扔到 Canvas 上以解决 NPOT 纹理问题。它有效，但速度不快/不理想，所以如果其他人有任何更好的想法，我很乐意听取他们的意见。