@@ -4,15 +4,6 @@ const videoElement = document.querySelector('video');
 const videoSelect = document.querySelector('select#videoSource');
 const selectors = [videoSelect];
 
-let canvas = document.getElementById('canvas');
-let context1 = canvas.getContext('2d');
-
-videoElement.addEventListener('canplay', function () {
-  canvas.width = this.videoWidth;
-  canvas.height = this.videoHeight;
-  console.log('this', this)
-});
-
 function gotDevices(deviceInfos) {
   const values = selectors.map(select => select.value);
   selectors.forEach(select => {
@@ -74,9 +65,4 @@ function start() {
 
 videoSelect.onchange = start;
 
-start();
-
-//拍照
-photograph.addEventListener("click", () => {
-  context1.drawImage(video, 0, 0); //将video对象内指定的区域捕捉绘制到画布上指定的区域，实现拍照。
-})
+start();
@@ -41,9 +41,9 @@
       margin: 20px auto;
     }
 
-    .video,
-    .canvas {
-      border: 1px solid #d0d0d5;
+    .video {
+      width: 100%;
+      height: 100%;
     }
   </style>
 
@@ -54,12 +54,7 @@
     <div class="select">
       <label for="videoSource">切换摄像头: </label><select id="videoSource"></select>
     </div>
-
-    <video id="video" playsinline autoplay></video>
-
-    <button title="拍照" id="photograph">拍照</button>
-
-    <canvas id="canvas" class="canvas"></canvas>
+    <video id="video" class="video" playsinline autoplay></video>
   </div>
 
   <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>