Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • PhoneGap By Example
  • Toc
  • feedback
PhoneGap By Example

PhoneGap By Example

By : Andrew Kovalenko
close
PhoneGap By Example

PhoneGap By Example

By: Andrew Kovalenko

Overview of this book

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. It is one of the first and fastest spreading tools to develop hybrid applications using CSS, JavaScript, and HTML, without losing the advantages of native applications. If you are already a web developer, this book will provide you with the skills you need to create, customize, test, and deploy hybrid mobile applications. Starting from the beginning, this book will cover how to set up your PhoneGap development environment, add mobile web frameworks and plugins, design and customize the application layout, and utilize the embedded features of the PhoneGap framework. By working through the steps in each chapter, you will quickly master a variety of mobile applications with totally different approaches. You will then learn how to develop a PhoneGap plugin with native interfaces for iOS and Android, as well as common approaches to test PhoneGap applications. With ample screenshots that show you how to build a phenomenal application, PhoneGap by Example will ensure your success with this cutting-edge mobile development framework for hybrid applications.
Table of Contents (12 chapters)
close
11
Index

Using a camera to capture pictures

Now, we would like to take pictures with a camera inside our application, attach a caption to it, and save it for future usage. First of all, let's install the Cordova plugin to access the camera.

Camera plugin installation

To install the plugin, simply run this command:

$ cordova plugin add org.apache.cordova.camera

The execution of the command will take a while. At the end of the flow, you will see the following messages:

Installing "org.apache.cordova.camera" for android
Installing "org.apache.cordova.camera" for ios

Now, we have this plugin installed for both iOS and Android platforms.

Tip

The Cordova Camera plugin supports Amazon Fire OS, Android, BlackBerry 10 browser, Firefox OS, iOS, Tizen, Windows Phone 7 and 8, and Windows 8 platforms.

This plugin defines a global navigator, a camera object, that provides an API to take pictures and choose images from the system's image library. Let's look at it using an example.

Camera...

bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete