Bootstrap

javascript web获取设置和切换摄像头

【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.
;