Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>Do you want to create mobile apps that run on multiple mobile platforms? With PhoneGap (Apache Cordova), you can put your existing development skills and HTML, CSS, and JavaScript knowledge to great use by creating mobile apps for cross-platform devices.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the concepts necessary to let you create great apps for mobile devices. The book includes ten apps varying in difficulty that cover the gamut – productivity apps, games, and more - that are designed to help you learn how to use PhoneGap to create a great experience.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the creation of ten apps, from their design to their completion, using the PhoneGap APIs. The book begins with the importance of localization and how HTML, CSS, and JavaScript interact to create the mobile app experience. The book then proceeds through mobile apps of various genres, including productivity apps, entertainment apps, and games. Each app covers specific items provided by PhoneGap that help make the mobile app experience better. This book covers the camera, geolocation, audio and video, and much more in order to help you create feature-rich mobile apps.</p>
Table of Contents (19 chapters)
PhoneGap 2.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
InstallingShareKit 2.0
Index

Implementing recording and importing of video


We've done the first part of our app, which was displaying thumbnails from videos, but we've got to actually record them before we can get anything into our app. In this task, we'll do exactly that—record a new video.

Getting ready

We'll be working in the documentsView.html file in the www/views directory, if you want to follow along.

Getting on with it

You might think that we'd use the camera code from our previous project, and you'd be partially correct. For iOS, we can indeed use virtually the exact same code to import new videos, but for any platform to record video, we have to use a new API—the CAPTURE API.

Let's take a look at the code for takeMovie():

documentsView.takeMovie = function()
  {
    navigator.device.capture.captureVideo(

The CAPTURE API provides more methods than simply capturing video; you can capture audio as well (which is similar to using the MEDIA API in Project 5, Talking to Your App). In our case, we use the captureVideo...