html5媒體捕捉分享？是否有可能實時顯示捕獲到網站上的其他頁面？

我剛剛介紹了html5 media capture API，我準備試試看。我已經看到這個捕獲被顯示在同一頁面上，但我還沒有看到有人通過服務器進行流式傳輸。所以我問的是什麼有一種方法可以避免flash,silver light並捕獲相機，麥克風並將其顯示到網站上的其他頁面以供其他用戶查看？就像整個網站的直播流一樣？html5媒體捕捉分享？是否有可能實時顯示捕獲到網站上的其他頁面？

function fallback(e) { 
    video.src = 'fallbackvideo.webm'; 
} 

function success(stream) { 
    video.src = window.URL.createObjectURL(stream); 
} 

if (!navigator.getUserMedia) { 
    fallback(); 
} else { 
    navigator.getUserMedia({video: true}, success, fallback); 
}

HTML： staff.php - 用戶頁面將捕獲流

<body> 
<div id="canvas-capture"></div> 
</body>

cams.php modelkey = 34223r528edfwd23rfwedcwe - 網頁，我想流共享

？

<body> 
    <div id="canvas-capture"></div> 
    </body>

來源

2013-07-16 Youngnate DaGreat

是的，您可以在其他地方顯示捕獲的視頻。您傳遞給getUserMedia的成功回調將通過媒體流對象調用，您可以從中生成一個URI，該URI可以指定爲另一個頁面上<video>標記的src屬性。

更多信息和代碼片段可以在html5rocks Getting Started with WebRTC頁面找到。（請注意，您使用服務器中繼瀏覽器之間的通信令牌，但直接發生在瀏覽器之間，並且不通過您的服務器完成）。

來源

2013-07-16 04:53:46

示例代碼？新的原始js。 –

html5媒體捕捉分享？是否有可能實時顯示捕獲到網站上的其他頁面？

回答

相關問題