帶有WebSockets並用WebGL呈現的流式視頻

Question

我有一個想法，即在WebGL中呈現視頻數據流與WebSockets。我知道我們可以將視頻數據（一幀）作爲紋理從<video>標籤導入WebGL。但是，我想如果我可以使用套接字，所以我可以有更多的控制。這個想法可能嗎？

感謝， 易

Answer 1

This guy實現使用的WebSocket簡單的攝像頭共享。他實際上通過WebSocket一次發送一幀作爲Base64編碼的JPEG圖像，並在收到後立即將其分配給瀏覽器側的<img>的src屬性。

根據該頁面，他在Chrome上達到640×480 @ 30 fps，在iPhone/iPad上達到320×240 @ 30 fps。

我不明白爲什麼你不能使用的圖像數據之後創建一個WebGL的質地：

var textureImg = document.getElementById("myTextureImg"); 
var texture = gl.createTexture(); 
gl.activeTexture(gl.TEXTURE0); 
gl.bindTexture(gl.TEXTURE_2D, texture); 
gl.texImage2D(gl.TEXTURE_2D, 0, textureImg); 
gl.generateMipmap(gl.TEXTURE_2D); 

等。