百度人脸识别记录（2）：熟悉H5 capture 调用摄像头-阿里云开发者社区

百度人脸识别记录（2）：熟悉H5 capture 调用摄像头

2023-07-16 83

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 百度人脸识别记录（2）：熟悉H5 capture 调用摄像头

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>input file capture</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui, shrink-to-fit=no">
<style>
body {font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';font-size: 14px;}
dl:not(:last-child) {overflow: hidden;padding: 10px;margin-bottom: 10px;border-bottom: 1px dashed #dedede;}
dt {padding-bottom: 10px;font-weight: bold;color: #f32600;}
dd {margin: 0;padding:5px 0 0 20px;border-left: 2px solid #cddc39;}
</style>
</head>
<body>
<dl>
  <dt>普通没有 <code>capture</code> 属性</dt>
  <dd><input type="file"></dd>
  <dd><p>没有 <code>capture</code> 捕获属性时，仅为选择上传文件。</p></dd>
  <dt><code>capture=""</code> 为空的时候</dt>
  <dd><input type="file" capture=""></dd>
  <dd><p>当 <code>capture</code> 捕获属性为空时，基于 <code>capture</code> 的值为布尔值类型，所以这个时候可以看到启用了摄像头，<strong>后置摄像头</strong>开启拍照或者录像功能。</p></dd>
  <dt><code>capture="user"</code> 前置摄像头</dt>
  <dd><input type="file" capture="user"></dd>
  <dd><p>当 <code>capture</code> 捕获属性为 <code>user</code> 时，开启前置摄像头的拍照或者录像功能。</p></dd>
</dl>
<dl>
  <dt>类型：视频 多个文件</dt>
  <dd><input type="file" accept="video/*" multiple=""></dd>
  <dd>
    <p>选择多个<strong>视频</strong>类型文件，未使用 <code>capture</code> 属性时。</p>
  </dd>
  <dt>类型：图片 多个文件</dt>
  <dd><input type="file" accept="image/*" multiple=""></dd>
  <dd>
    <p>选择多个<strong>图片</strong>类型文件，未使用 <code>capture</code> 属性时。</p>
  </dd>
  <dt>无类型要求 多个文件</dt>
  <dd><input type="file" multiple=""></dd><dd>
    <p>选择多个<strong>视频</strong>或者<strong>图片</strong>类型文件，未使用 <code>capture</code> 属性时。</p>
  </dd>
</dl>
<dl>
  <dt><code>capture="user"</code> 前置摄像头 视频</dt>
  <dd><input type="file" capture="user" accept="video/*" multiple=""></dd>
  <dd>
    <p>使用 <code>capture="user"</code> 开启前置摄像头时，设定为<strong>视频</strong>类型文件，手机中不会显示<em>照片</em>，同时 <code>multiple</code> 多文件上传无效。</p>
  </dd>
  <dt><code>capture="user"</code> 前置摄像头 图片</dt>
  <dd><input type="file" capture="user" accept="image/*" multiple=""></dd>
  <dd>
    <p>使用 <code>capture="user"</code> 开启前置摄像头时，设定为<strong>图片</strong>类型文件，手机中不会显示<em>视频</em>，同时 <code>multiple</code> 多文件上传无效。</p>
  </dd>
</dl>
</body>
</html>

百度人脸识别记录（2）：熟悉H5 capture 调用摄像头

热门文章

最新文章

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

百度人脸识别记录（2）：熟悉H5 capture 调用摄像头

热门文章

最新文章

相关电子书

相关实验场景