1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能。

ltscriptltbodylthtml 获取摄像头快照，可以实现在网页找照相的功能将摄像头内容绘制到网页上documentgetElementByIdquotsnapquotaddEventListenerquotclickquot，functioncontextdrawImagevideo，0，0，1024，800即可关闭。

判断浏览器是否支持HTML5 Canvas windowonload = function try 动态创建一个canvas元 ，并获取他2Dcontext如果出现异常则表示不支持 documentcreateElementquotcanvasquotgetContextquot2dquot。

1 视频流 HTML5 的 The Media Capture媒体捕捉 API 提供了对摄像头的可编程访问，用户可以直接用 getUserMedia请注意目前仅Chrome和Opera支持获得摄像头提供的视频流我们需要做的是添加一个HTML5 的 Video 标签。

lthtml accept表示打开的系统文件目录capture表示的是系统所捕获的默认设备，camera照相机camcorder摄像机microphone录音如果不加上capture，则只会显示相应的，例如上述三种依次是拍照或图库，录像或图库，录像或。

HTML5如何在移动网页端调用手机图片或者camera可以参考这篇文章如果你开始基于iOS系统ios6 above 的web应用，可以考虑这段代码点击按钮，会调用你的摄像头相册 附源码文件ltinput type=quotfilequot capture=quotcameraquot accept。

alert#39加载照相机出错！#39 + messageelse alert#39加载相册出错！#39 + message， quality 50，destinationType destinationTypeFILE_URI，sourceType source 拍照 function EditImgPz。

android手机，浏览器chrome32版本下实现了浏览器调用设备摄像头进行拍照主要分3个步骤来完成1获取视频流添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源 var video =。

ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做过微信的一些项目，在ios上使用这个file域是可以实现拍照和选择相册的 但是由于安卓机的。

h5不能直接调用摄像头，只能用ltinput type=quotfilequot 上传图片来间接调用摄像头。

可以充分利用Native HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS照相机本地相册读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。

1Adobe Edge Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如CanvasHTML5音频视频标签等支持AndroidiOSwebOS黑莓PlayBookFirefox。

HTML5为什么如此受欢迎主要因为它本身的优势HTML5的主要优势如下1基于HTML5强大的兼容性因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与。

其使用的是HTML和JavaScript等标准的Web开发语言开发者使用PhoneGap进行开发，可调用加速计GPS定位照相机声音等功能PhoneGap还提供Adobe AIR App以及在线的培训课程，帮助开发者了解原生API并在他们自己的平台上开发。

一个HTML5手机应用程序员需要的通常只有那么两样东西第一样就是原生平台和网页界面的嫁接层第二样就是手机UI库 PhoneGap近年已逐渐成为默认的嫁接层选择，它允许HTML5应用通过JavaScript调用移动设备的照相机访问手机通讯录和读写文。