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

        }

在three.js画布上的IP摄像机流

1 个答案: