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