【web摄像头默认使用】或【web摄像头切换使用】还有【摄像头照相功能】
【web摄像头默认使用】【web摄像头切换使用】
最新公司web項目需求,就是切換摄像头的操作,已实现,以下就是代码,可以copy使用,根据自己的需要修改
以下就是整个功能的代码
<html>
<head>
<meta charset="utf-8">
<title>web获取设置和切换摄像头</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="container-video">
<video id="video" width="500" height="300" autoplay></video>
<br>
<select id="video-all"></select>
<br>
<button id="snap">摄像头照相功能</button>
<br>
<canvas id="canvas" width="500" height="300"></canvas>
</div>
<script type="text/javascript">
window.onload = () => {
cameraSwitchApply();
}
/**
* 【摄像头默认使用】或【摄像头切换使用】
*/
function cameraSwitchApply(){
var canvas = document.