2013-03-10 31 views
1

如何將瀏覽器外部運行的程序的輸出繪製到畫布上?我正在考慮使用虛擬幀緩衝區,但我不確定如何進行該過程。我認爲必須進行一些中間處理或用JavaScript作爲媒介映射像素數據。通過虛擬幀緩衝設備繪製到HTML5畫布

有沒有人有任何建議或見解,他們可以提供?

謝謝

+0

什麼類型的輸出是外部程序生成 - 圖像,文本,矢量?根據輸出結果,畫布可能會或可能不是一個好的選擇。 – markE 2013-03-10 23:16:06

+0

輸出將主要由圖像和少量文本組成。 – 2013-03-10 23:19:03

+1

畫布能夠使用canvas.context.drawImage()和使用canvas.context.fillText()的文本進行圖像處理。畫布能夠渲染30-60fps的視頻,併爲每一幀添加一個標題 - 而且相當容易。這裏是一篇關於如何捕捉視頻並繪製到畫布上的博客文章。 – markE 2013-03-10 23:31:15

回答

1

感謝MarkE和Philipp的推動,我發現什麼似乎是合適解決方案的開始。

儘管它並不直接涉及framebuffer,但我發現Guacamole是一個HTML5遠程桌面網關,http://guac-dev.org/它只使用Ajax和HTML5在瀏覽器中使用vnc或RDP協議在遠程系統的桌面上呈現。它的開源,是我認爲的一個合適的起點。

1

HTML5畫布不是爲了這樣做而設計的。它的目的是從網上讀取圖像(或視頻)數據並顯示它,無論是正常的http下載還是xmlHttpRequest。當您需要將外部應用程序生成的圖像數據導入Web瀏覽器的JavaScript引擎時,您需要將該圖像數據公開爲Web服務。

0

我知道這個線程是有點老了......

作爲替代Guacamole(Linux的/阿帕奇/ Java的),你可以看看到Myrtille,(在Windows/IIS/C#)。它適用於HTML4(使用div和xhr)和HTML5(使用canvas和websockets)。