html5调用本地摄像头

最新推荐文章于 2025-10-11 13:59:51 发布

原创最新推荐文章于 2025-10-11 13:59:51 发布 · 5.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#webapp #html5 #摄像头 #getUserMedia

front end 专栏收录该内容

56 篇文章

订阅专栏

THE CURRENT STATE OF HTML5 FORMS

Wufoo

The accept Attribute

<input type="file" accept="image/*"> (images only)

Live Demo

Firefox 3.6+	Safari 7+	Safari Mobile 5+	Chrome 17	Opera 10.6	IE 10+	Android 2.3+

Android 4.2, accept="video/*;capture=camcorder"

The Low Down

The accept attribute takes a comma-separated list of unique content types of files that are acceptable values for the file input type only. The comma separated values can inclue file extensions, MIME types without extensions, and, new in HTML5, audio/* for sound files video/* for video files and image/* for image files.

Attribute is only valid for <input type="file">
The attribute provides a hint of what file types the server is able to accept.
On mobile devices, including Mobile: Android 3+, Chrome 16+, Safari 6+, Firefox 10+, Blackberry 10+, while not part of the specifications, the camera and microphone can be accessed:
```
<input type="file" accept="image/*;capture=camera">
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
```
The capture attribute can be included as a separate attribute in HTML5.
While the attribute helps in getting users to select the right file type, you must still validate server side.
Older versions of iOS did not support file input type, therefore this attribute was irrelevant until iOS enabled it in iOS7

参考地址 html5 调用摄像头 http://www.wufoo.com/html5/attributes/20-accept.html
关于html5 调用摄像头的文章 , 在网上看了很多, 大多都是getUserMedia() 进行调用的，然而这种方式存在很大的问题,在input 属性中给我们提供了一种简单的调用摄像头录像的方式