Camera permissions on mobile (Android)

[jgonera]

Hi,

I love the idea of Tauri and I decided I'd use it for my first mobile/cross-platform app. I'm using React for the UI and found react-webcam for capturing the camera stream. It worked out of the box on desktop but when I try to run my app on Android, I got no video stream at all. It occurred to me that the app on my phone never asked for camera permissions. I searched the docs, Github, and Discord for how to request those from the user but couldn't find anything. I did see the barcode-scanner plugin and thought I'd try to figure out how it works there. It turns out that installing barcode-scanner plugin by tauri add barcode-scanner already has the desired effect: my app asks for camera permissions as soon as it starts and react-webcam displays the video stream.

I started going through barcode-scanner's code and it looks like there are separate Kotlin and Swift requestPermissions functions. Am I missing a simpler way of requesting camera permissions or does it actually involve writing Kotlin and Swift code to support both Android and iOS? If that's the case, then I'm a bit surprised that there's no simpler camera plugin without all the barcode functionality that the barcode-scanner could depend on. Is there a reason for this?

[FabianLars]

I think just adding this line https://github.com/tauri-apps/plugins-workspace/blob/v2/plugins/barcode-scanner/android/src/main/AndroidManifest.xml#L5 in gen/android/... should be enough. At least according to my own messages i wrote a while back 🙃

[m1212e]

This does indeed work. The permission request is automatically triggered as soon as the web process requests a media device, e.g. like this:

const stream = await navigator.mediaDevices.getUserMedia({
      video: true,
      audio: false,
    });

Does anyone have info on what to do to also support this for ios?

[FabianLars]

https://github.com/tauri-apps/tauri/blob/dev/examples%2Fapi%2Fsrc-tauri%2FInfo.plist