How to open camera while uploading or changing profile picture in reactive web app?
Question
Application Type
Reactive

In my application I want functionality,

 Whenever a user registers itself or updates its profile picture, it will get an option to click it from a laptop camera.

(currently, it is uploading from my storage but I want it to click it from the camera .)

Help me with that .....!!!

Solution

Hi Fahad, 

Have you tried different forge components? 

Some forge component for camera are:

PWA Camera & Microphone - Overview | OutSystems

Camera.Reactive - Reviews | OutSystems

They also have demo and instructions.

Hope this helps,

Regards, 

No, I had not tried forge components yet, I am new to this platform

but now I will try as you mentioned.

Solution

Hi Fahad,


Try with Webcam.js, it is a JavaScript library that allows us to capture a picture from the webcam.

It uses HTML5 getUserMedia API . 

hope this may help you.


Cheers!!!

Ali Amin 

Thanks for the help I will try.

Solution

Hi Fahad, 

Have you tried different forge components? 

Some forge component for camera are:

PWA Camera & Microphone - Overview | OutSystems

Camera.Reactive - Reviews | OutSystems

They also have demo and instructions.

Hope this helps,

Regards, 

No, I had not tried forge components yet, I am new to this platform

but now I will try as you mentioned.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.