Three.js: วิดีโอ Texture NeedsUpdate หยุดการเรนเดอร์

ฉันพยายามใส่วิดีโอเป็นพื้นผิวบนตาข่าย เพื่อที่ฉันทดสอบ 2 ตัวอย่างที่แตกต่างกัน:

http://jeromeetienne.github.io/threex.videotexture/examples/videotexture.html

และ

http://stemkoski.github.io/Three.js/Video.html

ทั้งสองทำงานตามที่คาดไว้บนเว็บ แต่จะไม่แสดงอะไรเลยหากฉันดาวน์โหลดจาก github ในเครื่อง

ถ้าใส่แล้ว

videoTexture.needsUpdate = false;

จากนั้นพื้นและหน้าจอจะปรากฏขึ้น วิดีโอทำงานอย่างถูกต้องเนื่องจากฉันได้ยินเสียงด้านหลัง แต่ไม่มีภาพใดแสดงขึ้นมา

มีความคิดใดที่จะแก้ไขปัญหานี้?

(ฉันได้ทดสอบกับทั้ง Firefox และ Chromium)

แก้ไข: ในคอนโซลของ Firefox ฉันมีสิ่งนี้

SecurityError: The operation is insecure. Three.js:25696:0
Error: WebGL: The canvas used as source for texImage2D here is tainted (write-only). It is forbidden to load a WebGL texture from a tainted canvas. A Canvas becomes tainted for example when a cross-domain image is drawn on it. See https://developer.mozilla.org/en/WebGL/Cross-Domain_Textures

person Seltymar    schedule 16.04.2015    source แหล่งที่มา


คำตอบ (1)


ปัญหาแตกต่างไปจากที่ฉันคิดโดยสิ้นเชิง

ขณะที่ฉันเรียกใช้ไฟล์จากโฟลเดอร์ในเครื่องและไม่ได้มาจากเซิร์ฟเวอร์ในเครื่อง ฉันจึงมี Same- ปัญหานโยบายแหล่งกำเนิด

ตามที่อธิบายไว้ในคำตอบนี้: https://stackoverflow.com/a/24042463/1224782

person Seltymar    schedule 16.04.2015