पर एचटीएमएल 5 वीडियो टैग असाइन करते समय मैं वेबजीएल में एक बनावट के लिए एक दूरस्थ वीडियो असाइन करना चाहता हूं। चूंकि वीडियो स्रोत दस्तावेज़ स्रोत से अलग है, इसलिए मैंने वीडियो स्रोत के http शीर्षलेखों में Access-Control-Allow-Origin:* जोड़ा। इसके अलावा, मैंने video.crossOrigin = ''; का उपयोग कर वीडियो टैग में अज्ञात मूल असाइन किया। दिलचस्प बात यह है कि क्रॉस-डोमेन विशेषता छवियों के साथ काम करती है, लेकिन वीडियो टैग के साथ नहीं। जैसे ही WebGL बनावट वीडियो वस्तु, जावास्क्रिप्ट निम्न अपवाद फेंकता को सौंपा गया है:सीओआरएस/क्रॉस डोमेन सुरक्षा अपवाद वेबजीएल बनावट
Uncaught त्रुटि: SECURITY_ERR: डोम अपवाद 18
यहाँ इस समस्या को ठीक करने के लिए एक jsfiddle है।
// CROSS-ORIGIN VIDEO SOURCE
// REMOTE VIDEO SOURCE PROVIDES "Access-Control-Allow-Origin:*" HEADER
video.src =
'http://kammerl.de/threejs/three.js/examples/textures/kinect.webm';
// DEFINING ANONYMOUS ORIGIN
video.crossOrigin = '';
video.play();
बाद में वीडियो टैग एक Three.js बनावट को सौंपा गया है:
texture = new THREE.Texture(video);
यहाँ प्रासंगिक अनुभाग हैं: इस उदाहरण Three.js की webgl_kinect उदाहरण पर आधारित है
जाहिर है कि वेबजीएल में क्रॉसऑरिगिन वीडियो का उपयोग करने में यह समस्या थोड़ी देर के लिए जानी जाती है, लेकिन मुझे इस पर कोई अपडेट नहीं मिला है: http://jbuckley.ca/2012/02/cross-origin-video/
क्या किसी को पता है कि इस मुद्दे की स्थिति क्या है? क्या WebGL में दूरस्थ वीडियो तक पहुंचने के लिए कोई कामकाज है? कोई भी मदद बहुत ही सराहनीय होगी!
धन्यवाद!
परीक्षण किए गए उदाहरण और वीडियो * लोड * क्रोम पर ठीक है, और अगर मैं इसे डोम में जोड़ता हूं तो मैं इसे देख सकता हूं, हालांकि मुझे कोई सुरक्षा त्रुटियां नहीं दिखाई दे रही हैं, "मैं वेबजीएल संदर्भ बनाने में त्रुटि" देख रहा हूं। – jpillora
@ जैमो - क्या आप JSFiddle से गुजर गए थे? क्रोम का कौन सा संस्करण आप (और ओएस) का उपयोग कर रहे हैं? – baalexander
क्या आप इसे https के माध्यम से एक्सेस कर सकते हैं? – chadpeppers