Ionic 3 | How to Add YouTube Video Player Native Plugin in Ionic 3.x Native Applications

In this tutorial, we will create an Ionic 3/4 application to demonstrate How to Add YouTube Video Player. We will Install the Cordova plugin and Ionic Native Wrapper to add functionality in Ionic 3/4 Application by using which YouTube’s Player can be opened to Play any YouTube video right from the Ionic application itself. To play a Video we need to provide the ID of video which we want to play.

Continue reading Ionic 3 | How to Add YouTube Video Player Native Plugin in Ionic 3.x Native Applications

Ionic 4 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 4 Native Application

Updated for Stable Ionic 4 Release( 22-03-2019 )

Previously we implemented Geolocation and Geocoder plugins in Ionic 3 application, In this post, we will create an application in latest Ionic version 4 beta. Using Geolocation service we can get Lattitude, Longitude, Accuracy of location, Speed, Altitude etc of the device. After that Latitude and Longitude can be used to get Addresses available on these coordinates. To fetch address from coordinates of the device, we use Geocoder service.

Continue reading Ionic 4 | Get Device Latitude, Longitude and Address using Geolocation and Native Geocoder Services in Ionic 4 Native Application

Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Generator Ionic 4 Native Plugin

Updated ( 06 Apr 2019 ) for latest Ionic CLI v4.12.0

In this tutorial, we will implement a Barcode or QR Scanner / Encoder plugin in Ionic 4 application. Barcodes and QR codes are widely used for multiple purposes like to add a link where a user doesn’t need to type the whole URL it can be easily scanned from a QR code. Barcodes can also be seen everywhere on the day to day items like eatables clothes etc, we can wimple scan these barcodes to get information like item code date of manufacturing, prices etc.

Continue reading Ionic 4 | Add Barcode/ QR Code Scanner/ Encoder Generator Ionic 4 Native Plugin

Ionic 4 | Pull to Refresh functionality in Ionic 4.x Application

As seen in many Android native applications like chrome browser we usually have a user-friendly feature pull to refresh. A user just pulls or simply drag page down to some limit then, the current view is automatically got a refresh. Pull to refresh feature eliminates any need to tap or click somewhere.

Ionic provides the same component to add Pull Down feature in a hybrid environment. In this post, we will implement Pull Refresher in Ionic 4 application.

Continue reading Ionic 4 | Pull to Refresh functionality in Ionic 4.x Application

Ionic 4/3 | How to Integrate Google AdMob Advertisements

Now we have Ionic 4 beta version, which is updated and featured with latest stable Angular 6 version. Angular 6 is having many updates including the new version of Angular Material, CLI tool updates, support for building new libraries etc.

In Ionic 4 also we will have many new changes like the new component, navigation, lazy loading etc, you can read more about Ionic 4 updates on the official blog here.

So here will only discuss Google AdMob most beloved monetization options available for mobile app developers. Google AdMob provides a good source to earn from a free application and it is also very easy to implement in your new or existing Ionic application.

Continue reading Ionic 4/3 | How to Integrate Google AdMob Advertisements

Ionic 4 | Get App Version Name, Version Code and Package Name Using Ionic Native Plugin

In Ionic Application, we may need application related information like Application Name, Package Name, Version Code and Version Number. As some of these are dynamic and change every time we create a build of the production version, so it becomes difficult to manually manage these values.

Continue reading Ionic 4 | Get App Version Name, Version Code and Package Name Using Ionic Native Plugin