How to access a mobile's camera from a anvil web app?

[aabdelrahim]

Hello,

Any idea about how to access mobile camera to take photos/videos using mobile browser?

Thank you!

[stucork]

@aabdelrahim

Any idea about how to access mobile camera to take photos/videos using mobile browser?

you’ll want to take advantage of the file uploader and change the file_types property to something like…
image/*|video/*;capture=camera

I haven’t tested this… so report back how it works out…

linked post:

Speechrecognition in anvil webapp

Fun fact: Because the HTML file input is how the FileUploader component works, you can achieve what @robert suggests without writing any HTML or JS, by setting the file_types property to "audio/*;capture=microphone"! However, for what @goldiesahni wants, I would definitely suggest using the browser’s speech recognition APIs via Javascript - that’s what they’re there for

[aabdelrahim]

Will do, thank you for sharing this!

[aabdelrahim]

@stucork

image/|video/;capture=camera

@stucork,

I tried it out with my phone , the file uploader itself when you click on it on the phone a small screen will show at the bottom with options (camera, video , audio or file), so there is no need to add “image/|video/;capture=camera” to the file type.

Thanks

[eliu20050101]

great ! This is what I am looking for. Thanks

[CyCy]

Along similar lines, is it possible to have anvil open the phone camera to read a barcode and then take the text from that barcode into a text box??
Thank you!

[stucork]

@CyCy I think this is worth starting a new thread for. It’s related but not the same question and this thread already has a solution.