PWA手机摄像头访问

Question

我的要求是使用手机浏览器访问iOS和Android手机摄像头。

使用Ionic PWA应用程序可以访问iOS和Android设备浏览器中的手机摄像头吗？使用Cordova（非本地解决方案）寻找PWA解决方案。

Answer 1

通过Cordova（更具体地说是离子，因为您在问题中标记了离子框架）访问摄像头是安装插件的问题，无论您是使用离子还是非离子。有几个摄像头插件，但通过离子推荐一个可以在这里找到：

https://github.com/apache/cordova-plugin-camera

例如将插件添加到您的离子项目，只需运行：

ionic Cordova plugin add cordova-plugin-camera 

你会使用它像这样在你的组件的.ts文件（例如）：

import { Camera, CameraOptions } from '@ionic-native/camera'; 

constructor(private camera: Camera) { } 

... 


const options: CameraOptions = { 
    quality: 100, 
    destinationType: this.camera.DestinationType.DATA_URL, 
    encodingType: this.camera.EncodingType.JPEG, 
    mediaType: this.camera.MediaType.PICTURE 
} 

this.camera.getPicture(options).then((imageData) => { 
// imageData is either a base64 encoded string or a file URI 
// If it's base64: 
let base64Image = 'data:image/jpeg;base64,' + imageData; 
}, (err) => { 
// Handle error 
}); 

以上实现从这里，这里更多的细节可以采取ALS 0被发现：

https://ionicframework.com/docs/native/camera/