@@ -40,7 +40,7 @@
 
 <body>
   <div class="wrapper">
-    <button id="openCamera" title="开启摄像头">开启摄像头权限</button>
+    <button id="openCamera" title="开启摄像头">`开启摄像头权限</button>
 
     <video width="700px" height="390px" class="video" autoplay="autoplay"></video>
 
@@ -61,39 +61,26 @@
 
     // 开启摄像头
     openCamera.addEventListener("click", () => {
-      navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator
-        .mozGetUserMedia ||
-        navigator.msGetUserMedia;
+      navigator.getUserMedia = navigator.getUserMedia || navigator
+        .webkitGetUserMedia || navigator.mozGetUserMedia || navigator.mediaDevices.getUserMedia
 
-      if (!navigator.getUserMedia) return alert(
-        'Native device media streaming (getUserMedia) not supported in this browser.');
+      if (navigator.getUserMedia) {
 
-      if (this.isOpenCamera) return console.log('[已经开启过摄像头的权限了]');
+        if (this.isOpenCamera) return console.log('[已经开启过摄像头的权限了]');
 
 
-      let exArray = getSources()
-      const constraints = {
-        'video': {
-          'optional': [{
-            'sourceId': exArray[0] //0为前置摄像头，1为后置
-          }]
-        },
-        'audio': true
+        let exArray = getSources()
+        navigator.getUserMedia({
+          'video': {
+            'optional': [{
+              'sourceId': exArray[0] //0为前置摄像头，1为后置
+            }]
+          },
+          'audio': true
+        }, successFunc, errorFunc); //success是获取成功的回调函数
+      } else {
+        return alert('不支持访问用户媒体')
       }
-      //   navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
-      //     successFunc(stream)
-
-      //   }).catch(function (err) {
-      //     alert(err.name + ": " + err.message);
-      //   }); // 总是在最后检查错误;
-      navigator.getUserMedia({
-        'video': {
-          'optional': [{
-            'sourceId': exArray[0] //0为前置摄像头，1为后置
-          }]
-        },
-        'audio': true
-      }, successFunc, errorFunc); //success是获取成功的回调函数
     })
 
     // 摄像机成功回调