How to Capture Media Files in an Offline Mobile Application

Description

Learn how to build an offline-capable PhoneGap application that can be used to capture images and audio in a disconnected environment.

Discussion

Many offline enabled mobile applications require the ability to capture rich media, such as images or audio recordings. The application must be able to capture and store images, video, and audio files with or without a network connection. The List control, which is the primary control used to create mobile applications, stores its data in Local Storage. Unfortunately, due to the size of rich media files - images, video, and audio - storing this information in Local Storage is not feasible. Instead of using Local Storage, the device's file system can be used to store images and audio files in mobile application built using PhoneGap.

In the videos below, we explain how to build a PhoneGap application that can record audio and capture images in an offline environment. We show how to configure a List Control with a Detail View to capture data and media files and then synchronize the data with a server when a connection is available.

Click here to download the component shown in the videos above.

See the component's PhoneGapDefaultSettings property for a list of plugins used by the PhoneGap application.