Showing camera view inside html in android and then snap a picture

by

You can install mbppower/CordovaCameraPreview plugin (for android,ios) in your Cordova/phonegap application that allows camera interaction from HTML code. A really amazing plugin it is..
You can access Features such as:

Start a camera preview from HTML code.
Drag the preview box.
Set camera color effect (Android and iOS),Send the preview box to back of the HTML content,Set a custom position for the camera preview box,Set a custom size for the preview box and Maintain HTML interactivity.

Or you can also use donaldp24/CanvasCamera Plugin for your application if it fits to your requirements.Its supported in both android and iOS platforms. I have observed, for iOS its working fine but in android it isn’t working.

Now you can install CordovaCameraPreview plugin through Online PhoneGap too. So without using CLI you can directly use it through this by adding

<gap:plugin name="com.mbppower.camerapreview" version="0.0.8" source="plugins.cordova.io" />

in your config.xml file and create ApplicationTemplate.apk/.ipa. For more information regarding this you can ask me. Happy to help.

UPDATE:10th Oct 2017
It used to work well during that time but, donaldp24/CanvasCamera is no longer maintained and currently fails build with the latest Cordova version.

More Related Contents:

  1. Generating iOS and Android icons in Cordova / PhoneGap
  2. Phonegap – Save image from url into device photo gallery
  3. Download files and store them locally with Phonegap/jQuery Mobile Android and iOS Apps
  4. Add entry to iOS .plist file via Cordova config.xml
  5. How to get documents in an android directory that PhoneGap will see
  6. Phonegap Plugin:How to convert Base64 String to a PNG image in Android
  7. Phonegap – navigator.app.backHistory() not working on HTML back button
  8. Cordova – white screen after splash, no exceptions in console
  9. Playing local sound in phonegap
  10. PhoneGap 1.4 wrapping Sencha Touch 2.X – What about performance?
  11. Best practice to create chat application with private rooms
  12. Which solution i can use for guaranteed notifications (it is not about push notification)? [closed]
  13. Running “cordova build android” – unable to find attribute android:fontVariationSettings and android:ttcIndex
  14. Background image jumps when address bar hides iOS/Android/Mobile Chrome
  15. Creating an Android Service with Phonegap? (Have phonegap app run even when closed)
  16. HTML file input control with capture and accept attributes works wrong?
  17. Xamarin.Forms ListView: Set the highlight color of a tapped item
  18. react-native: command not found
  19. Cordova plugin development – adding aar
  20. Error executing command ‘ant’ on Mac OS X 10.9 Mavericks when building for Android with PhoneGap/Cordova
  21. scale fit mobile web content using viewport meta tag
  22. Failed to launch emulator: Error: Emulator didn’t connect within 60 seconds
  23. Clarify the Firebase connections
  24. Official “Boost library” Support for Android and iOS? [closed]
  25. Flutter : How can I add divider between each List Item in my code?
  26. Creating an android smart app banner
  27. Disabling text selection in PhoneGap
  28. Ajax requests fail after upgrading to Cordova 5.0 + [email protected]
  29. Debugging a WebView (Ionic) app on Android via logcat
  30. What actually happens when persistence is enabled in Firebase?

Leave a Comment