2012-03-07 71 views
0

我正在嘗試着解決如何使用JavaScript將一系列JPEG作爲視頻流式傳輸。我想就我的想法是否可行提供一些意見。JavaScript - 針對窮人視頻的JPEG流

使用循環緩衝區,對前n個圖像進行緩存。在顯示每個圖像時,一旦出現下一個圖像,就會用列表中的新圖像替換前一個圖像,這樣它就會循環回去,形成無限緩衝區的錯覺。可以使用時間庫來控制時間(幀速率),並且我們只需以正確的時間間隔更新圖像元素的src屬性,以便給出視頻錯覺。

這是用javascript實現的嗎?我假設腳本需要運行多長時間 - 這取決於需要顯示的圖像數量。顯然,不要期待表現出驚人的表現,只是表現出一些動作而已。這顯然是一個非常醜陋的黑客。

+0

這是可能的..整潔的用法看看http://www.360langstrasse.sf.tv/page/ – 2012-03-07 12:59:10

+0

你是否以不同的名字問這個昨天? – epascarello 2012-03-07 13:02:24

+0

@epascarello - 沒有,當然沒有。 – NOP 2012-03-07 14:29:09

回答

1

是的,這是可以實現的,如果是回答你的問題;)

您可以

var image = new Image(); 
image.src = "url"; 

預先緩存圖像這樣的圖像也應保存在瀏覽器的緩存。

然後使用settimeout(function, timems)您只需更改頁面中當前圖像的src。

+0

關於我期望的幀速率有什麼想法? 25幀/秒會推動它嗎? – NOP 2012-03-07 14:30:51

+0

需要嘗試。這取決於互聯網連接速度,圖像大小和客戶端的計算能力。 但我會從大約10秒開始,你會看到 – 2012-03-07 15:39:10

+0

好吧,這似乎並不能很好地工作。我甚至放慢到5 fps,它似乎無法處理它。我想我可能需要研究如何緩存圖像,但它似乎不能正常工作。它們也不是很大,320x240和大約4mb。如果它無法處理這種幀,絕對沒有用。有什麼建議麼? – NOP 2012-03-08 10:41:05