Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds


Free Preview: Use the Microphone With Ionic


  • Overview
  • Transcript

Ionic is a cross-platform mobile framework that allows you to develop for Android and iOS using just HTML and JavaScript. Thanks to the inclusion of Cordova, Ionic developers have access to numerous plugins to extend the functionality of our apps. For example, we can access the device microphone with the Cordova microphone plugin.

In this Coffee Break Course, Envato Tuts+ instructor Reggie Dawson will show you two methods to access the microphone from your Ionic app. You'll see how to access the device's built-in recording application as well as how to access the microphone directly from your application.

This is the second course in a series on accessing device functionality with Ionic and Cordova. You may also be interested in:

Learn JavaScript: The Complete Guide

We've built a complete guide to help you learn JavaScript, whether you're just getting started as a web developer or you want to explore more advanced topics.

1.Use the Microphone With Ionic
2 lessons, 13:38

Free Lesson

Use the Microphone With Ionic

1. Use the Microphone With Ionic

1.1 Introduction

Ionic is a framework that allows developers to build mobile apps using existing skills. When building these apps, we use plugins to access the hardware of the device we are building our app for. Since Ionic allows us to build apps for the browser, this hardware can be a webcam connected to a computer. In this Coffee Break Course we will learn to use a couple of the plugins to access the microphone of our device. The first plugin will launch the default recording application of the device. This option works, but it exits from the application to handle the recording. The second option uses another plugin that works within your app and captures audio directly from the microphone. We won't record this audio, but it is a simple thing to add this functionality later. At the end of watching this course, you should have a better understanding of how to use the microphone with Ionic.