将 YouTube 视频用于 webgl 纹理？

Posted 2023-05-08

【中文标题】将 YouTube 视频用于 webgl 纹理？

【英文标题】：Use YouTube video for webgl texture?

【发布时间】：2012-04-14 15:13:30

【问题描述】：

我正在尝试将 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 中的视频完全陌生，所以对那里的任何想法持开放态度！感谢所有帮助 - 谢谢！

【参考方案1】：

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

【讨论】：

我有兴趣了解更多关于您为使其正常工作所做的工作。您能否通过我个人资料中的电子邮件地址给我发电子邮件？

嗨@RobotCaleb - 如果可能的话，我想与更多人分享这个，所以写了一篇关于它的帖子。你可以在这里阅读：dontglobalmebro.ruhoh.com/webgl/…。如果您有任何问题或反馈，请告诉我，我的推特手柄也在那里。抱歉耽搁了，直到现在我还没有博客！

哦，太好了。谢谢！我去看看。

这样做是否合法。每个人都将免费使用 YT 之类的源，没有任何商标徽标....

完整的项目源是否发布在任何地方？