android - 如何通过 cordoba 中的 webview 获得对 navigator.getusermedia 的许可？

Question

我想在用 HTML 制作的网页上通过 cordova webview 开发 Android。但是，navigator.getusermedia 中不允许使用 cordova。有办法吗？

Answer 1

您可以请求运行时权限以使用相机 cordova-diagnostic-plugin :

• 为您的项目安装诊断插件
  • cordova 插件添加 cordova.plugins.diagnostic
• 安装 cordova-custom-config插件到你的项目
  • cordova 插件添加 cordova-custom-config

• 将相机权限的 list 条目添加到您的 config.xml(参见 Android permissions):

  <platform name="android">
      <config-file target="AndroidManifest.xml" parent="/*">
          <uses-permission android:name="android.permission.CAMERA" />
      </config-file>
  </platform>
  

• Request camera authorization在运行时:

  document.addEventListener('deviceready', function(){
      cordova.plugins.diagnostic.requestCameraAuthorization(
          function(status){
              if(status == cordova.plugins.diagnostic.permissionStatus.GRANTED){
                  // permission granted - use camera
                  var video = document.querySelector('video');
  
                  if (navigator.getUserMedia) {
                      navigator.getUserMedia({audio: true, video: true}, function(stream) {
                          video.src = window.URL.createObjectURL(stream);
                      }, function(e){
                          console.log("Error:" + e);
                      });
                  } else {
                      console.log("No media available");
                  }
              }else{
                  // permission denied - inform user
              }
          }, function(error){
              console.error("The following error occurred: "+error);
          }, false
      );  
  }, false);