检测HTML5媒体捕获API支持(Detect HTML5 Media Capture API Su

有没有一种方法来检测浏览器是否支持移动网站，我正在创建的HTML5媒体捕获API？ 我只能似乎找到了解决方案，检测getUserMedia()的支持。

我希望能够提出移动用户的两种情况之一：

• 用户的浏览器支持的API，所以显示两个上传按钮，一个激活相机和一个激活的图片库。
• 用户的浏览器不支持的API，所以仅仅显示一个上传按钮，激活希望画廊，如果他们的浏览器支持接受参数。

Answer 1:

用户的浏览器支持的API，所以显示两个上传按钮，一个激活相机和一个激活的图片库。

有没有办法（目前）创建2个独立的HTML按钮：一个（只）库和一个（只）相机（我已经覆盖了所有可能的HTML媒体捕获选项本文 ）

使用<input type="file" accept="image/*;">和系统会提示捕获相片或选择之间进行选择一个现有的：

用户的浏览器不支持的API，所以仅仅显示一个上传按钮，激活希望画廊，如果他们的浏览器支持接受参数

支持如下：

• 的Android 2.2+和iOS6.0 +支持上述代码
• Android 3.0以上版本支持capture ，并让用户直接在相机
• iOS6的通过10不支持capture （提示总是显示）
• 桌面浏览器不支持HTML媒体捕获

检测用支承恢复到检测上述浏览器。

支持参考： 这2013 O'Reilly出版和我的测试

Answer 2:

您可以使用Modernizr的 ， 文档页面上 ，你可以在看的支持的功能表，检测它们同时检测的HTML媒体捕获 ，也是getUserMedia

文章来源: Detect HTML5 Media Capture API Support