<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/MicrosoftTeams-image-11-1.webp" alt="M2P Fintech" title="" id="kkcc1k5hr" width="100%" height="317">Video KYC is a game changer in digital onboarding. Since 2020, video-based identity verification has been effective in preventing fraud, reducing onboarding costs, and speeding up the authentication process.&nbsp;&nbsp;A robust face liveness detection is a key part of the <a class="link" href="https://m2pfintech.com/blog/transform-digital-onboarding-with-vkyc/" target="_blank" rel="noopener">VKYC</a> process. It is basically a selfie-based check that scans the user’s facial expressions and blinking gestures to differentiate a real user from a fake impersonator or a bot.&nbsp;<h2 class="heading-node" id="m7mrkrgp6" style="text-align: justify">How can you Create a Robust Face Liveness Detection Application?&nbsp;</h2>There are several tools and technologies available in the market, but the simplest cost-effective method involves using Flutter and Google ML Kit. Using these, you can easily create a face liveness detection application.&nbsp;Wonder how? &nbsp;We have our Flutter experts <a class="link" href="https://www.linkedin.com/in/chinnadurai-viswanathan-b2b6b7a5/" target="_blank" rel="noopener">Chinnadurai Viswanathan</a> and&nbsp;<a class="link" href="https://www.linkedin.com/in/nandhakumar-k-14828813a/" target="_blank" rel="noopener">Nandhakumar Krishnan </a>explain how a face liveness detection application can be created using Google ML Kit. &nbsp;So, here you go. &nbsp;To start with, facial&nbsp;images will be detected by doing the following gestures.<ol class="list-node" id="kg1t9mjv2"><li>Left - Turn&nbsp;</li><li>Right - Turn&nbsp;</li><li>Look - UP&nbsp;</li><li>Look - Down&nbsp;</li><li>Wink 😉&nbsp;</li><li>Smile 😃&nbsp;</li></ol>We will use Google’s library named <a class="link" href="https://firebase.google.com/docs/ml-kit" target="_blank" rel="noopener">Firebase ML Kit</a> to detect the faces within an image. <a class="link" href="https://pub.dev/packages/camera" target="_blank" rel="noopener">CameraPreview</a> is used to capture the user’s image, and then it will be sent to the <a class="link" href="https://firebase.google.com/docs/ml-kit" target="_blank" rel="noopener">Firebase ML Kit</a> library, which provides the face values.&nbsp; &nbsp;Now, let’s explore the Firebase ML Kit further.&nbsp;<h2 class="heading-node" id="ecwzez33o" style="text-align: justify">Firebase ML (<a class="link Hyperlink SCXW22502046 BCX0" href="https://firebase.google.com/docs/ml-kit" target="_blank" rel="noreferrer noopener">Firebase ML Kit</a>):&nbsp;</h2>Firebase ML Kit’s Face Detection API is a powerful tool to&nbsp;detect faces within images, which allows you to identify important facial features and obtain the contours of detected faces.&nbsp;&nbsp;This technology performs exceptionally well in the pre-processing phase of the image and detects different zones of the face accurately. The API can also identify many facial expressions and emotions, making it a valuable tool for developers looking to create facial recognition with greater accuracy and precision.&nbsp;&nbsp;After the images are captured from <a class="link" href="https://pub.dev/packages/camera" target="_blank" rel="noopener">CameraPreview</a>, it is tested using the following dependencies.&nbsp;<ol class="list-node" id="7f90uhnxd"><li><a class="link" href="https://pub.dev/packages/google_ml_kit" target="_blank" rel="noopener">Google MLKit (google_mlkit)</a>&nbsp;</li><li><a class="link" href="https://pub.dev/packages/camera" target="_blank" rel="noopener">Camera (camera)</a>&nbsp;</li></ol><h2 class="heading-node" id="pv2dvk5be" style="text-align: justify">Flutter Dependencies&nbsp;</h2><img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/1.webp" alt="M2P Fintech" title="" width="100%" height="120"><h2 class="heading-node" id="d7sjvjvno" style="text-align: justify">Android Dependencies&nbsp;</h2><img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/2.webp" alt="M2P Fintech" title="" width="100%" height="91"><img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/3.webp" alt="M2P Fintech" title="" width="100%" height="117"><h2 class="heading-node" id="i0796e05v" style="text-align: justify">How to Get Face Values using Flutter &amp; Android dependencies?</h2>The following steps will help you get face values using Flutter and Android dependencies.&nbsp;Step 1The first step is to set the preview of the camera in Flutter.&nbsp;&nbsp;<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/4.webp" alt="M2P Fintech" title="" width="100%" height="120">In Flutter, the camera controller needs 3 parameters.&nbsp;<ol class="list-node" id="aj57jbroc"><li>List of cameras (List&lt;CameraDescription&gt; cameras = [];)&nbsp;</li><li>Resolution of Photo&nbsp;</li><li>Audio needs — Based on your requirement&nbsp;</li></ol><img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/5.webp" alt="M2P Fintech" title="" width="100%" height="189">Using StreamBuilder, we can get the photo from the camera every second to process the images.&nbsp;<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/6.webp" alt="M2P Fintech" title="" width="100%" height="104">The cameraController?.startImageStream() method returns a ‘CameraImage’ which can be used for ML image processing. If you use Firebase ML for Flutter, you can directly pass the CameraImage to it for processing. Once the processing is complete, you can return the result and display it in a User Interface (UI).&nbsp;&nbsp;Note: The ‘cameraController?.startImageStream()’ method provides ‘CameraImage’ instance, but Google ML Kit requires an ‘InputImage’ object to perform face detection. Therefore, we need to convert the ‘CameraImage’ to an ‘InputImage’ object to build the face detection logic. In case you’re not familiar with ‘InputImage’, it is an ML Kit class that offers a common representation of images used as input data for machine learning models. It can be created from various sources such as bitmap, media image, or Byte Buffer.&nbsp;&nbsp;<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/7.webp" alt="M2P Fintech" title="" width="100%" height="74">Step 2Once you have implemented the above code, you can design your camera view in your application.&nbsp;&nbsp;Note: The below onImage method code is our special requirement, so we’ve implemented a few things.&nbsp;<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/8.webp" alt="M2P Fintech" title="" width="100%" height="454">Now we have obtained the InputImage from the camera stream, then the next step is to process the image and detect faces using the FaceDetector from the google_mlkit_commons library. This will display a list of all the faces present in the image, that can be used for further processing.&nbsp;&nbsp;Step 3Using this faceDetector instance, we will get the list of faces from InputImages objects.<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/9.webp" alt="M2P Fintech" title="" width="100%" height="368">The output of the image will be as below.&nbsp;<img src="https://m2p-website-file.s3.ap-south-1.amazonaws.com/m2p-website-file/marketing-cms/m2p-blog/2023/03/MicrosoftTeams-image-9.webp" alt="M2P Fintech" title="" width="100%" height="254">If you are interested in reusing the above codes in your existing native applications, you can refer to this article on <a class="link" href="https://m2pfintech.com/blog/the-implications-of-flutter-in-fintech/" target="_blank" rel="noopener">The Implications of Flutter in Fintech</a>.&nbsp; With the power of ML and Flutter, the possibilities are endless for creating intelligent apps that offer a better user experience.&nbsp;&nbsp;If you want to know more about how we implement face liveness detection in Flutter and Google ML Kit, write to us at <a class="link" href="mailto:business@m2pfintech.com" target="_blank" rel="noopener">business@m2pfintech.com</a>!&nbsp;This article is authored by <a class="link" href="https://www.linkedin.com/in/chinnadurai-viswanathan-b2b6b7a5/" target="_blank" rel="noopener">Chinnadurai Viswanathan</a>.<a class="link" href="https://m2pfintech.com/newsletter/" target="_blank" rel="noopener">Subscribe</a>&nbsp;to our newsletter and get the latest fintech news, views, and insights, directly to your inbox.Follow us on&nbsp;<a class="link" href="https://www.linkedin.com/company/m2pfintech/mycompany/" target="_blank" rel="noopener">LinkedIn</a>&nbsp;and&nbsp;<a class="link" href="https://twitter.com/m2pfintech" target="_blank" rel="noopener">Twitter</a>&nbsp;for insightful fintech tales curated for curious minds like you.

Tag: "Google Ml (1)"

M2P Fintech