How to Capture Media Files in an Offline Mobile Application


Learn how to build a mobile app that can be used to capture images and audio while the device is offline.


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 Cordova CLI or Ionic Appflow.

In the videos below, we explain how to build an offline-capable Cordova application that can record audio and capture images in a disconnected 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 Cordova application.