Aframe A帧流媒体MJPG

一般来说，我对A-frame和HTML都是新手。我想将视频流传输到a帧中的对象，以便进行VR查看。我目前正在使用

mjpg拖缆

进行流式传输。下面的代码仅显示一个白色球体，即使正在流式传输视频（但将显示这样的图像）

让我觉得我需要创建一个组件来更新自身并在场景中包含该组件（
），但当我打开html时，它不会显示任何内容……我创建的组件如下所示：

AFRAME.registerComponent（'foo'{
模式：{
宽度：{type:'number'，默认值：10}，
高度：{type:'number'，默认值：10}，
深度：{type:'number'，默认值：1}，
颜色：{type:'color'，默认值：'#AAA'}
},
init：函数（）{
var数据=此数据；
var el=this.el；
this.loader=new THREE.TextureLoader（）；
this.geometry=新的三个.BoxBufferGeometry（data.width、data.height、data.depth）；
this.material=新的3.MeshPhongMaterial({
map:this.getImage（）
});
this.material.needsUpdate=true；
this.mesh=new THREE.mesh（this.geometry，this.material）；
el.setObject3D（'mesh'，this.mesh）；
},
勾选：函数（时间、时间增量）{
this.mesh.material.map.img=this.getImage（）；
this.mesh.material.map.needsUpdate=true；
},
getImage:function（）{
返回此.loader.load（“http://IP:port/video");
}
});
您能解决此问题吗？如果是，请回答问题！您能解决此问题吗？如果是，请回答问题！