html5 video js控制摄像头的焦距,H5中使用video标签实现选择摄像头功能的示例

H5中使用video标签实现选择摄像头功能的示例

发布时间：2020-12-05 10:48:03

来源：亿速云

阅读：91

作者：小新

小编给大家分享一下H5中使用video标签实现选择摄像头功能的示例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

详解HTML5 使用video标签实现选择摄像头功能

1. html// jquery reference

//

//

Open WebCam

Snap Photo

2. javascript

Elements for taking the snapshot

var canvasPreview = document.getElementById('canvasPreview');

var canvasUpload = document.getElementById('canvasUpload');

var contextPreview = canvasPreview.getContext('2d');

var contextUpload = canvasUpload.getContext('2d');

//#################### Video Source #######################3

var videoElement = document.querySelector('video');

var videoSelect = docu