Hello,


I am trying to develop a mobile app with a camera screen like Instagram (attached), where you have the top half screen for the camera and you can put whatever you want in the bottom half.


Is there any way to do this in OutSystems? Thank you!

Hi Joao,

For this you will have to use any camera plugin. You can see the list of available plugins here 

https://www.outsystems.com/forge/Component_Search.aspx?q=camera&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=&scat=forge


And then it will need customization to get it done like Instagram camera screen.

Sohan wrote:

Hi Joao,

For this you will have to use any camera plugin. You can see the list of available plugins here 

https://www.outsystems.com/forge/Component_Search.aspx?q=camera&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=&scat=forge


And then it will need customization to get it done like Instagram camera screen.

Agree with Sohan, for this you  need to use some camera plugin from Forge. If not available on Forge then need to create new plugin for this. I found one plugin which is almost same as your requirements, you can make little changes in this.

   https://www.outsystems.com/forge/component-overview/2912/cameraoverlay   


Hi Sohan and Vikas,

Do you know how to customize one of the camera plugins to achieve what João Lopes needs?
I am interested in this :)

Cheers.

Solution

Eduardo Jauch wrote:

Hi Sohan and Vikas,

Do you know how to customize one of the camera plugins to achieve what João Lopes needs?
I am interested in this :)

Cheers.


Hi Eduardo,

Not sure, but I just checked "camera preview plugin". In this plugin we have option to input width and height of preview. so If put height to half of screen height then it will solve the purpose of João Lopes needs. If further more customization required then we need to make changes in java script used in this plugin.

Solution

vikas sharma wrote:

Eduardo Jauch wrote:

Hi Sohan and Vikas,

Do you know how to customize one of the camera plugins to achieve what João Lopes needs?
I am interested in this :)

Cheers.


Hi Eduardo,

Not sure, but I just checked "camera preview plugin". In this plugin we have option to input width and height of preview. so If put height to half of screen height then it will solve the purpose of João Lopes needs. If further more customization required then we need to make changes in java script used in this plugin.


Hi Vikas, this worked exactly like I wanted. Just need to stylize it a bit and work out some logic, but works like a charm. Thank you! :)

About the camera overlay plugin I had already tried that one, but couldn't get what I wanted.

Very nice, Vikas.

Thank you :)