2012-03-30 120 views
4

我試圖使用YouTube視頻作爲webgl紋理,此刻因爲幾個問題無法使其工作。有沒有人有這樣做的經驗,並可以指出我在正確的方向/告訴我它不可能?使用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

OK我最終模擬了YT嵌入iframe的功能,從iframe檢索的URL中創建一個視頻元素,然後通過畫布引起視頻元素來解決NPOT紋理問題。它有效,但不是很快/理想,所以如果有其他人應該有更好的想法,我很樂意聽到他們。

+0

我很想了解您所做的工作。你可以給我發電子郵件在我的個人資料的電子郵件地址? – RobotCaleb 2012-07-23 05:24:43

+3

嗨@RobotCaleb - 我想與更多的人分享這個如果可能的話,所以寫了一篇文章。你可以在這裏閱讀:http://dontglobalmebro.ruhoh.com/webgl/displaying-youtube-video-in-webgl/。如果您有任何問題或反饋,請告訴我,我的twitter處理也在那裏。對於延遲抱歉,我到現在還沒有博客! – user82116 2012-08-03 02:49:22

+0

哦,太好了。謝謝!我會檢查出來的。 – RobotCaleb 2012-08-08 03:11:47