GetUserMedia：使用媒体捕获和流API

您将要创造的

今天，我想尝试由Web实时通信工作组和设备API工作组在W3C共同开发的Media Capture and Streams API 。 一些开发人员可能将其简称为getUserMedia ，这是允许网页访问媒体捕获设备（例如网络摄像头和麦克风）的主要界面。

您可以在我的GitHub上找到该项目的源代码。 此外， 这是一个工作演示供您尝试。 在最新的Windows 10预览版本中，Microsoft首次在Microsoft Edge浏览器中添加了对媒体捕获API的支持。 这些代码大部分来自Edge开发团队在其测试驱动器站点上生产的Photo Capture示例。

对于那些想深入了解的人，Eric Bidelman 在HTML5 Rocks上有一篇很棒的文章，深入探讨了该API的历史。

加快速度

getUserMedia（）方法是理解Media Capture API的一个很好的起点。 getUserMedia()调用将MediaStreamConstraints作为输入参数，该参数定义了捕获设备和捕获的媒体流（例如Camera facingMode ，麦克风音量和视频分辨率）的首选项和/或要求。

通过MediaStreamConstraints ，您还可以使用其设备deviceId拾取特定的捕获设备，该设备deviceId可以从enumerateDevices()方法派生。 一旦用户授予许可，如果可以满足特定的MediaStreamConstraints ，则getUserMedia()调用将返回带有