html5页面html调用摄像头手机摄像头摄像上传视频问题

  1. 采集本地摄像头获取摄像头画面拍照保存,上传服务器;
  2. 前端上传图片处理展示,缩小裁剪,上传服务器
  1. (getUserMedia)/上传图片将图片/视频显示在浏览器上
  2. 拍照/转换 将视頻拍照或是将图片展示在canvas中
  3. 将canvas中的图像,转换成图片格式(png,jpg等)上传到服务器

上述两种方式涉及到的格式转换分别为:
具体获取摄像头的方法可以参考:

File对象也是一个Blob对象二者的处理相同。

转换为Blob对象后可以使用Ajax上传图像文件。

  1. 可以直接转成blob,可以通过canvas.toBlob转换然toBlob方法的浏覽器兼容性不是很好,存在兼容性问题幸运的是已有前人,直接拿来用就好了适用于pc端和移动端

具体过程和相关参考资料:

我要回帖

更多关于 html调用摄像头 的文章

 

随机推荐