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.
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.
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.
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.
In this post, we will discuss on how to show local images in application asset’s images folder in Image / Photo viewer having basic functionalities like Pan, Zoom, Share download image on device etc.
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.
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.