However, if you need more information, you can check this link for a more thorough explanation on how to install everything: The steps below briefly explain how to install these SDKs and tools in your environment. Install Native SDKs for Androidįor Android applications, you will need to have Android SDKs and some tools. If you don't have Node.js and NPM installed in your machine, please, check the instruction on this reference. Then, run npm install -g ios -deploy to install the ios -deploy tool.From the command line, run xcode -select -install to install the Xcode command-line tool.To install these tools, proceed as follows: After installing Xcode, you will also need some command-line tools and the ios -deploy tool to run a simulator. For more information about configuring native SDKs in a Mac OS X environment, check this reference. Install Native SDKs for iOSįor the iOS platform, you will need a Mac OS X environment and Xcode installed on it. The following sections show the steps you will need to follow before starting the development of your application. In this article, you will use Cordova to package your Ionic app into native mobile packages. Since you are going to make a mobile application, you will need to have the required SDKs for building the app. Tweet This Prerequisites for Ionic Development 'Let's use RxJS, and NgRx to build a mobile audio player app.' To handle media playback in a reactive way, you will adapt JavaScript's Audio object with a RxJS Observable and you will use the NgRx store to manage the state of your audio player.īesides that, you will also use Auth0 to secure your mobile app and, in a subsequent article, you will learn how to create a secure backend to provide the list of music files to your app (for now, you will use a mock service with static data). So, in this article, you will use Angular and Ionic (with some other libraries) to easily solve these issues. Specially if you think about managing media's state, reacting to media events, and reflecting these changes correctly on the UI (User Interface). IntroductionĬreating an audio player is always an intimidating task. If needed, you can find the final code on this GitHub repository. To secure your application, you will use Auth0. You will handle audio operations using RxJS and Observables, and you will also explore how you can manage application's state with NgRx. TL DR: In this article, you will learn how to develop a mobile audio player app using Ionic framework and Angular.

What is ng media player