11

有没有办法检测浏览器是否支持我正在构建的移动网站的 HTML5 Media Capture API？我似乎只能找到检测getUserMedia()支持的解决方案。

我希望能够向移动用户展示以下两种情况之一：

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

2 回答 2

3

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

（目前）无法创建 2 个单独的 HTML 按钮：一个用于（仅）库，一个用于（仅）相机（我在本文中介绍了所有可能的 HTML 媒体捕获选项）

使用 <input type="file" accept="image/*;">，系统会提示您在拍摄照片或选择现有照片之间进行选择：

在此处输入图像描述

用户的浏览器不支持API，所以只显示一个上传按钮，如果他们的浏览器支持accept参数，希望能激活图库

支持如下：

  • Android 2.2+ 和 iOS6.0+ 支持以上代码
  • Android 3.0+ 支持capture并将用户直接带到相机前
  • iOS6 到 10 不支持capture（始终显示提示）
  • 桌面浏览器不支持 HTML 媒体捕获

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

支持参考：this 2013 O'Reilly book and my testing

于 2016-11-10T14:22:32.387 回答
2

您可以使用modernizr，在文档页面上，您可以在支持和检测到的功能表中看到它们检测到HTML Media Capture和getUserMedia

于 2016-04-20T12:55:18.767 回答