尋找代碼來顯示兩個公共IP攝像頭

Question

我主要是一個C/C++的傢伙。我做了很多PHP的東西，現在不得不編寫一些JS代碼。

對於模擬，我想製作一個網頁，顯示來自兩個實時視頻源的視頻流。我們有順序基於IP網絡攝像頭和我相信它將是使用

<img src="IP address"> 

每個網絡攝像頭，帶有也許有些圖像尺寸標籤的情況。那是對的嗎？

與此同時，有人可以發佈一些示例代碼，最好是在澳大利亞的白天時間流式傳輸視頻內容嗎？你可以創造可愛，但請成爲SFW。謝謝。

Answer 1

此代碼使用「拉」方法更新瀏覽器中的JPEG圖像。它通過改變src網址的查詢字符串部分強制圖像重裝，十秒鐘過去的圖片已經加載完成後（使用海灘攝像頭的圖像實時演示是在http://jsfiddle.net/kLUkA/2/）：

function refreshCamera() { 
    var img = this; 
    setTimeout(function() { 
     var parts = img.src.split('?'); 
     parts[1] = new Date().getTime(); 
     img.src = parts.join('?'); 
    }, 10000); 
} 

function startCameraPull(img) { 
    img.onload = refreshCamera; 
    img.onload(); 
} 

window.onload = function() { 
    startCameraPull(document.getElementById('webcam1')); 
    startCameraPull(document.getElementById('webcam2')); 
}; 

注意：您可以取消refreshCamera中的setTimeout部分以消除重新加載延遲。

Answer 2

我不確定canvas或video元素，但我不認爲他們支持直播視頻流。這聽起來像你正在使用動態創建的靜態圖像，但如果你碰巧使用視頻流，你必須使用閃光燈（或silverlight，或其他等效）。