当前位置:Gxlcms > html代码 > html5拍照功能实现代码(htm5上传文件)_html5教程技巧

html5拍照功能实现代码(htm5上传文件)_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:9人阅读

1、 视频流

HTML5 The Media Capture API提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签,并将从摄像头获得视频作为这个标签的输入来源(请注意目前仅Chrome和Opera支持getUserMedia)。


代码如下:


输出转换为图片上传的功能。这样你可以使用Canvas为用户提供图片编辑,例如裁剪、上色、涂鸦的画板功能,然后把用户编辑完的图片保存到服务器上。

人气教程排行