H5移动端-调用H5进行拍照 API: https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia

1. 背景 一般业务也很少接触摄像头，有也是现成的工具库扫个二维码。难得用一次，记录下踩坑。 2.调用摄像头的方法 2.1. input 这个就不用多说了，缺点就是没办法自定义界面，它是调用的系统原生

最近在做一个chrome app的云相机应用，应用包括拍照、摄像、保存照片视频、上传文件等等核心功能，其中涉及到很多HTML5对媒体流相关的API。写这篇文章的目的，其一是总结梳理知识点，最重要是希望对有相关需求的读者提供一些指导。 注：本篇文章以实战为准，理论知识不做过多介绍…

<source src="/media/cc0-videos/flower.<source src="/media/cc0-videos/flower.Sorry, your browser doesn't support embedded videos.通过canvas 来对正...

由于h5通过 <input type="file /> 方式吊起拍照的为系统相机，给用户的体验并不是很好，没有裁切框，也无法在系统相机上附加 tips 蒙层进行扩展，比如在蒙层上告知用户拍照的注