將您的網絡攝像頭流到JavaScript中的瀏覽器

歌劇12：W3C多媒體流API支持的先驅

> Opera軟件的版本12版本標誌著一個重要的里程碑，這是支持W3C的多媒體流API（也稱為Getusermedia API）的第一個主要瀏覽器。此API可以將相機和麥克風輸入的流傳輸直接傳輸到瀏覽器窗口，通常用作src>元素的<video></video>屬性。 鑑於API的草案狀態和不斷發展的性質，本文提供了基礎概述。 隨著API的成熟並獲得更廣泛的支持，我們將擴展這一點。

>

驗證API支持

>當前，Opera仍然是具有流API支持的唯一瀏覽器。 因此，在實施之前檢查API可用性至關重要。以下功能通過檢查navigator>對象的getUserMedia()方法來確認支持：

>

function isStreamSupported() {
  return !!navigator.getUserMedia;
}

>使用getUserMedia()方法

navigator.getUserMedia()方法提供了對流API的訪問。 但是，需要明確的用戶權限。 打電話getUserMedia()後，Opera顯示同意對話框。

>

語法如下：它接受兩個強制性參數和一個可選的第三個。 “約束”對象指定了請求的媒體流（視頻和/或音頻）。 成功訪問時執行getUserMedia()>接收媒體流對象。 successCallback（可選）處理故障（例如，用戶拒絕）。 errorCallback

與

navigator.getUserMedia(constraints, successCallback[, errorCallback]);

元素集成

<video>這個示例演示了流攝像頭輸入到HTML

元素，包括播放，暫停和停止控件。

變量請求音頻和視頻。 （如果在Opera上可用，則可以在此處鏈接實時版本。）<video>> constraints

常見問題（常見問題解答）

<title>getUserMedia Example</title>
<meta charset="UTF-8">
<button id="play">Play</button>
<button id="pause">Pause</button>
<button id="stop">Stop</button>
<br><br>
<video id="camera"></video>

<🎜>

>本節解決了有關JavaScript中網絡攝像頭流的常見問題，涵蓋了安全性，故障排除，多瀏覽器流，分辨率調整，延遲減少，記錄，錯誤處理，音頻/視頻集成，性能優化和過濾器應用程序。 （此處包括原始文本的詳細答案）。

以上是將您的網絡攝像頭流到JavaScript中的瀏覽器的詳細內容。更多資訊請關注PHP中文網其他相關文章！