使用 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>
这很容易,对吗?