【问题标题】:Use YouTube video for webgl texture?将 YouTube 视频用于 webgl 纹理?
【发布时间】: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 中的视频完全陌生,所以对那里的任何想法持开放态度!感谢所有帮助 - 谢谢!

【问题讨论】:

    标签: html video youtube html5-video webgl


    【解决方案1】:

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

    【讨论】:

    • 我有兴趣了解更多关于您为使其正常工作所做的工作。您能否通过我个人资料中的电子邮件地址给我发电子邮件?
    • 嗨@RobotCaleb - 如果可能的话,我想与更多人分享这个,所以写了一篇关于它的帖子。你可以在这里阅读:dontglobalmebro.ruhoh.com/webgl/…。如果您有任何问题或反馈,请告诉我,我的推特手柄也在那里。抱歉耽搁了,直到现在我还没有博客!
    • 哦,太好了。谢谢!我去看看。
    • 这样做是否合法。每个人都将免费使用 YT 之类的源,没有任何商标徽标....
    • 完整的项目源是否发布在任何地方?
    猜你喜欢
    • 2014-03-30
    • 1970-01-01
    • 1970-01-01
    • 2011-10-15
    • 2020-09-17
    • 2016-02-06
    • 2018-11-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多