How to Capture Media Files in an Offline Mobile Application
Learn how to build an offline-capable Cordova application that can be used to capture images and audio in a disconnected environment.
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 a Cordova 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.
- Part 1 - Configuring the Data Source
- Part 2 - Building the List Control and its associated Detail View
- Part 3 - Building the List Control and its associated Detail View
- Part 4 - Running the app on a Mobile Device
Click here to download the component shown in the videos above.