HTML5技术支持WebApp在手机上拍照，显示在页面上并上传到服务器这是手机微博应用中常见的功能，当然你也可以在其它类型应用中适当使用此技术1 视频流 HTML5 的 The Media Capture媒体捕捉 API 提供了对摄像头的可。

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

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

你好 HTML5和javascript是不能压缩视频的，只能把视频传到服务器端，由后端来压缩视频，也不能控制相机的拍摄质量，除非你用JAVA写Android客户端才可以压缩希望我的回答能够帮助到你，如果还有什么疑问可以继续追问。

你给的网页用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机移动。

HTML5官方文档解释capture属性用于调用设备的摄像头或麦克风当accept=”audio或video”时capture只有两种值，一种是user，用于调用面向人脸的摄像头例如手机前置摄像头，一种是environment，用于调用环境摄像头例如手机后。

降低开发和维护成本使页面更小，减少用户不必要的开销性能更好，功耗更低7CSS3视觉设计师的辅助利器支持CSS3支持字体嵌入布局和最令人印象深刻的动画功能8HTML5调用相机相册和通讯录的功能。

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