Javascript 在three.js中画布上的IP摄像头流

我被要求用javascript解决一个看似简单的任务，但可以说，我对它不是很精通。我需要拍摄一个IP摄像头流，并将其放到一个three.js画布上

我从这个使用网络摄像头而不是IP摄像头的示例开始：

其中有一个视频标签，如下所示：

<video id="monitor" autoplay width="160" height="120" style="visibility: hidden; float:left;"></video>

所以，正如我所说，我对javascript了解不多，但我希望将本例中对网络摄像头的调用替换为对IP摄像头的调用相对简单。我试着简单地用一个新标签替换标签：

<video controls src="http://[wowza-address]:1935/live/camera.stream/playlist.m3u8">
</video>

但这并不奏效。很明显，这比我原先预料的要复杂得多。有人能把我引向正确的方向吗？

问题解决了

var imageDetect = document.createElement('img');

imageDetect.src = BaseURL + File;

            function render() {

            imageContext.drawImage( imageDetect, 0, 0 );

            if ( texture ) texture.needsUpdate = true;
            if ( textureReflection ) textureReflection.needsUpdate = true;

            renderer.render( scene, camera );

        }

---

你可能想研究一下CORS。。。

var imageDetect = document.createElement('img');

imageDetect.src = BaseURL + File;

            function render() {

            imageContext.drawImage( imageDetect, 0, 0 );

            if ( texture ) texture.needsUpdate = true;
            if ( textureReflection ) textureReflection.needsUpdate = true;

            renderer.render( scene, camera );

        }