在three.js中的畫布上的IP攝像機流

Question

我被要求解決用javascript看起來很簡單的任務，但是我並不精通它。 我需要獲取一個IP攝像機流並將其放到three.js畫布上。

我從使用網絡攝像機而不是IP攝像機的示例開始： http : //stemkoski.github.io/Three.js/Webcam-Texture.html

其中有一個視頻標簽，如下所示：

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

我相信稍后會稱之為：

    video = document.getElementById( 'monitor' );

因此，就像我說的那樣，我對javascript不太了解，但是我希望將本例中對網絡攝像頭的調用替換為對IP攝像機的調用相對簡單。 我嘗試簡單地用新標簽替換標簽：

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

但這沒有用。 顯然，它比我最初預期的要復雜。 誰能引導我正確的方向？

Answer 1

解決了。

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 );

        }