Camera with custom view

tutorials
1

Hello guys,

I am new to mobile development. I would like to use apache cordova. I want to take picture with a custom camera view (not the whole screen) then select the picture from gallery and send it to a method in the backend. I wonder if there is a way to implement this?

Thanks in advance.

Best Regards.

2

What is a custom camera view to you?

Technically you would need something like this plugin: https://github.com/performanceactive/phonegap-custom-camera-plugin

Or search: cordova camera overlay

3

Hi Gajotres,

Can I save the picture to phone gallery with this?

Thanks in advance and Best Regards.

4

Hello,

I am trying to use http://ngcordova.com/docs/plugins/camera/ but it says “Remote build error from the build server Build failed with error Plugin doesn’t support this project’s cordova-ios version. cordova-ios: 3.8.0, failed version requirement: >=4.0.0-dev”

How can I fix this Gajotres? Would you please guide me?

Best Regards.

EdiT 1: When I added this “<vs:plugin name=“cordova-plugin-whitelist” version=“1.0.0” />” problem resolved.
EdiT 2: I followed your tutorial “http://www.gajotres.net/using-smartphone-camera-with-ionic-framework/2/” and changed it for IOS but camera don’t work. How can I fix it?

5

I am getting this error:

Can’t find variable: Camera takeImage in ionic.bundle.js.

6

Is it due to IOS 9?

7

Now camera is working but I don’t know how to take picture inside of a pre defined frame.(When you take a picture in iphone, it uses the whole screen which is I dont want.)

8

I need screen crop while taking picture.

9

Ever figure out how to do this? I need the same functionality

10

Hello Gajotres. I am having issues calling camera preview over the native. Is this still possible