Ionic 2 and Cordova audio recording/playing

In this Ionic 2 tutorial ,i'm going to teach you step by step how to create a hybrid mobile app for Android (iOS and Windows Phone if you want too) using the latest version of the Ionic framework .The cross platform app we are going to build can be used as an audio player and recorder so it needs to access the device microphone which can be easily achieved using a Cordova plugin ,MediaPlugin{target:_blank} that allows to play and capture/record audio using native features of your device .

The tutorial assumes you have already installed and configured your environment ,basically you need to have

Latest versions of Node.js and NPM innstalled (so you can install Ionic) .

Ionic framework installed .

Java and Android SDK installed to be able to build your app APK .

Xcode and a MAC system for iOS .

Now open up your terminal under Linux/MAC or command prompt/power shell under Windows and enter the following instructions to scaffold a new Ionic 2 project .

ionic start ionic2-audio-recorder-player blank --v2

Next we need to install cordova ,so go ahead and type

npm install -g cordova 

Next navigate into your project root folder and add your target platform

cd ionic2-audio-recorder-player   
cordova platform add android 

Next install ionic-native from npm

npm install ionic-native --save

comments powered by Disqus