使用 getUserMedia()
我們知道,WebRTC 都基於 JavaScript 開發和編碼,有關更多資訊和示例,請參閱此處和此處 。
現在,讓我向你展示一個使用 getUserMedia();
的簡單示例
使用什麼 getUserMedia()
?
getUserMedia()
用於獲取使用者/訪客的攝像頭和麥克風檢測。
支援的 getUserMedia()
瀏覽器
-
Mozilla Firefox
22(PC)
或更高版本。 -
Microsoft Edge
21(PC)
或更高版本。 -
谷歌 Chrome
23(PC)
或更高版本。 -
Opera
18(PC)
或更高版本。 -
谷歌 Chrome
28(Android)
或更高版本。 -
Mozilla Firefox
24(Android)
或更高版本。 -
Opera Mobile
12(Android)
或更高版本。 -
iOS( Bowser )。
-
Chrome OS
-
Firefox OS
-
預設 BlackBerry 10 瀏覽器。
使用 getUserMedia
所需的檔案
- https://github.com/webrtc/samples/blob/gh-pages/src/content/getusermedia/gum/js/test.js
- https://github.com/webrtc/samples/blob/gh-pages/src/content/getusermedia/gum/js/main.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/adapter.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/common.js
- https://github.com/webrtc/samples/blob/gh-pages/src/js/lib/ga.js
- 在普通的 HTML 檔案中開始編碼。
- 在
<body></body>
標籤中,包含所需的 WebRTC API 檔案:
我無法使用 Stackoverflow Editor 的程式碼,所以這裡是程式碼: http : //pastebin.com/2fQzJhuG
做得好! 你現在只是一個偉大的首發,它應該正常工作
最後一個程式碼
<html>
<body>
<script src="js/adapter.js"></script>
<script src="js/common.js"></script>
<script src="js/main.js"></script>
<script src="js/lib/ga.js"></script>
<body>
</html>
這很容易,對嗎?