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/