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

     }