Implement QR Code & Barcode Scanning with Camera.MAUI in .NET MAUI

[@billrichards7838]

Gerald -- Just want to say all of your videos since day 1 on MAUI have be EXCEPTIONAL!!! They are all well articulated and are extremely helpful in adoption of the MAUI platform. Your personality with the humor and quirky editing styles added to the videos also make them very entertaining!!! -- your content is greatly Appreciated!!!

[@jfversluis]

WHAT! how did I miss this comment? I’m so sorry! Thank you for these amazingly kind words! 🥰

[@ryanh1869]

You have literally helped me so much. You have no idea. Thank you for all your hard work.

[@jfversluis]

That is so wonderful to hear, thank you so much! 🥰

[@ryanh1869]

​@@jfversluis I've used Microcharts, the google vision barcode scanner for my app, you've taught me how to communicate to and from pages, etc.. Your lessons are priceless. I love .NET MAUI (I've tried Ionic and other frameworks but nothing stuck, MAUI does) and I appreciate you taking the time to respond to me. It's actually really funny... I was talking to my brother about how whenever I need to add something you seem to have released a video about it a few weeks prior which blows my mind. Your tutorials are straight forward and easy to follow. My app looks and functions really well. You have had a major hand in shaping my development, no joke. So Kudos to you! Words cannot describe my appreciation. Thank you. 😄

[@MarcAmposta]

thank you for giving visibility to this awesome plugin! Your videos are always very handy Gerald

[@jfversluis]

Glad you like them! Thank you!

[@patrickagenonga9930]

Great video, Gerald. These videos have been helping me a lot. Can you do this QR Code using MVVM? Thank you

[@80amnesia]

Oh this is even better than the previous video on barcodes, we can use QR codes too, this great! Can you please make a maui hybrid video also for this scanner (QR)? Btw this package works flawlessly.

[@bibikski2270]

Hi Gerald! Firstly, thank you for your tutorials, they are seriously helpful. Second, I'm having horrible "scan times", is there any optimizations that I can take? It takes forever for the scanner to recognize the the barcode format and to scan it. Dealing with an application that needs to scan many different types of barcodes/qr.

[@ricardoc1976]

Hi Gerald, fantastic video, this clarified some doubts I had. Is there a possibility to have the camera view on full screen?

[@jfversluis]

Sure! If you set the correct layout you can make it any size you want! :)

[@amilshabo3218]

Good video as always, but we really need and example with MVVM toolkit, thanks in advance

[@MrPetschko]

Did you managed to do it with MVVM?

[@michael89685]

Always very informative. Thank you. Starting my MAUI learning and your videos are the best.

[@jfversluis]

Thank you so much 🥰

[@kopilkaiser8991]

Thanks for providing us with this reference. I found it very useful and helpful

[@jfversluis]

Glad to be of service!

[@PierreH1968]

Thanks for the video!! Did you notice a performance difference between all those scanner plugins? Which one do you think is faster?

[@jfversluis]

Didn’t test very extensively but I would think this one feels faster than the other!

[@anilvirginia]

Hi Gerald. Do you know if there are any plugins which allow you to use the camera's zoom feature to scan smaller codes more easily?

[@ducvunguyen5607]

does it work in .Net8? I created a new one in Net8 but it just open the camera, not detecting

[@samueljuren283]

It doesn't detect it here either, did you manage to resolve it?

[@ducvunguyen5607]

@@samueljuren283 I got it

[@ducvunguyen5607]

@@samueljuren283 It doesn't work in latest version, you should to use Camera.MAUI 1.3.5 which I am using, I think it will help you.

[@acodersjourney]

You're a great mentor. Thanks for the guidance!

[@jfversluis]

You’re very welcome!

[@stevelarin5809]

Ty for ur video's dude! Best guides I ever saw on KZbin❤

[@jfversluis]

Thank you so much! Appreciate that. Great start of my Monday 🥰

[@stevelarin5809]

​@@jfversluisCan I ask you aquestion? I have one problem in my Project. When I create a build, my camera doesn't work. It says "Camera.MAUI.CameraResult.AccessError". It works in Debug, but not in release How can I solve this problem?

[@jfversluis]

Sounds like some kind of permission error but based on just this information it’s hard to say

[@samueljuren283]

Hey Gerald, I followed the video step by step, but when I point the camera at the QrCode or the barcode it doesn't detect anything.

[@adnansayyid967]

Hi Gerald, I have a question about this code. Why does the camera not appear when we run it on release mode, but it works when we run it in debug mode?

[@frankharoldsantos6395]

Can you do a example with MVVM

[@jfversluis]

Thank you for the support first of all! I will see what I can do with an MVVM sample!

[@ryanh1869]

Is there any chance we can get a barcode tutorial for .NET 8.0? I can’t seem to find anything currently. Or might you know of any nuget packages that might work with 8.0? All the ones I’ve found are now broken 😢

[@FabrizioCiavatta]

Thanks for the video and the example. I tried to compile for both Windows and Android, but if I launch the project from a PC with the USB camera, it doesn't recognize any barcode. I also tried to specify the format by specifically indicating Code128. If I compile the application by generating APK and inserting it on Android, my OPPO smartphone does not recognize any code. Am I forgetting something?

[@MrPetschko]

Its quite nice but I really don't have a clue how to manage to use it in MVVM?

[@janoso89]

Awesome! But i have trouble with pdf417 codes, never detected :(

[@jeromebouche]

Hi, thanks a lot for your videos ❤. Can you do a video for the .Net for native Android and iOS version without using MAUI ?

[@jfversluis]

I’m all about MAUI! I won’t to anything without it on my channel anytime soon, sorry :)

[@elqubed]

Hi sir how can I drow boundle around for zxing in maui plz

[@anandshindey]

Good stuff. Very helpful. Thanks. Is there a video on AOT and LLVM?

[@jfversluis]

Not yet!

[@anandshindey]

Ok

[@JoosephLr]

hey, do you know some way to do something like that, but using it inside a MVC .net core 6 application? I already have one using javascript and html to read the barcode from the cellphone camera, but it sometimes don't recognize well the codes and don't work...

[@lemonlearner7315]

guys, could you implement this library with mvvm pattern? if so, would you share your implementations? i just can't find a way to bind to my viewmodel

[@ToadHallSally]

Thank you for the intro to barcode scanning in maui with zxing. It works great in my app. One issue... I cannot get the torch to come on when the app first starts. However, it comes on after successfully scanning the first barcode. I set torchenabled=true in both the xaml and codebehind. Thanks for any suggestions.

[@jfversluis]

Thanks! Weird about that torch issue, might be worth reporting on the repository

[@PunisherSamo]

Hello I am having problem with scanning on bigger camera views. Do you use whole screen for camera view or smaller one ? I have problems when I am using around 50 % area for my camera view, don't know why.

[@vinodkk2007]

Great video. How about text recognition in .NET MAUI - specifically ability to read numbers?

[@jfversluis]

Looks like Syncfusion has OCR: www.syncfusion.com/blogs/post/ocr-in-net-maui-building-an-image-processing-application.aspx

[@yaseenafzal6162]

I am using xzing for qr code scanner it’s work fine in iOS and android . But when I installed on client side it’s work fine all devices but it’s not work one plus mobile . Is it any device specific issue because camera is open but we code not detecting in one plus phone only

[@zarokoshin4090]

Great video and thank you for sharing !

[@jfversluis]

My pleasure! Thanks for watching!

[@mauriciojunior-net]

Gerald, I'm having problems with the component using iOS. iOS is using another camera to scan or get closer to the barcode or QRcode and when I'm using the component in iOS, it's impossible to get the value because it's blurry. Is it possible to change cameras for iOS and use the closer (wild) one?

[@jfversluis]

I don’t think so, you’d have to check the docs or code

[@mauriciojunior-net]

@@jfversluis I fixed it using zoomfactor = “3.0” thanks

[@mauriciojunior-net]

@@jfversluisI fixed the issue using zoomfactor = 3

[@IlyaObmen]

Help please. Good afternoon. How to clear the camera cache? I want to do the following, I have an application in which I press a button and open the camera, when the QR code is detected, the camera turns off. When I press open the camera again, for 1 second it gives me the old image that I was pointing before, this is very bad when you scan QR codes. How can I clear the camera cache so that when I open it again I don't have the old image?

[@0NeSsE0]

Hi Gerald. We have a mobile device with a built-in barcode scanner. How should we approach this?

[@jfversluis]

See if the vendor has some kind of SDK that you can use

[@MarownIOM]

SDK or maybe they push the results directly into the keyboard hook. Select a textbox to get focus and try to scan something.

[@hesham1871]

Thanks man but element cameraview not appearing in blazor maui app

[@jfversluis]

You will probably want to look at this 3 Ways Combine .NET MAUI and .NET MAUI Blazor Hybrid kzbin.info/www/bejne/aJXPna1qg792Zqs

[@Jean-MarcHuet-o2n]

Scanning QR code with danish carateres (æ ø å). How to read them? string Text = $"{args.Result[0].BarcodeFormat}:{args.Result[0].Text}"; Is it a way to set the codepage used to read/translate the QR code?

[@smllr09]

Hi Gerald, thanks for that Video. Any Idea how I can scan Barcodes on Windows Devices (Surface Pro X)? Do you think this will be supported in the near future?

[@jfversluis]

This plugin claims to also work on Windows!

[@franciscosegadoehijoss.l.4816]

i have installed camera.maui and is not possible read qr from image, can you help me? thanks

[@waltergrimm7161]

Great stuff, Thanx

[@jfversluis]

Thank you!

[@jaimestuardo4655]

Hello.... when I try to read QR Codes, it is very slow. Is there a way to increase performance, for example, by zooming in the camera view? Furthermore, is there a way the camera view to draw a frame (or just 4 corners) when a QR code is detected? cheers, Jaime

[@jfversluis]

Probably good questions for the library author on the repository! ;)

[@jaimestuardo4655]

@@jfversluis it seems this project is not totally active. I have checked current opened issues and no responses from the author.

[@ErikBartlow]

No matter what I do I can't get VS 2022 17.11.1 to work with my phone. I've tried two different devices, but they never appear in the ADB devices list, nor do I ever see the Allow Debugging window on my PC. Ever seen that? Of course, all my devices are in dev mode and allow debugging wired and wireless.

[@jfversluis]

Does it work on another version you install side-by side? Do the debugging targets show up in the dropdown? Better file a bug from Visual Studio under Help > provide feedback > report a problem

[@greeksinmars]

Supported Platforms for Android and iOS ?

[@jfversluis]

Also Windows I think!

[@NiteshKumar-km3to]

Hi Gerald currently i am using Camera.Maui but i am getting camera device is already closed in this code await cameraview.StopCameraAsync(); await cameraview.StartCameraAsync(); Please guide me how to resolve this issue

[@jfversluis]

You’ll have to check on the plugin repository!

[@Tanatozzz]

Hi! Is it possible to remove the postscript as a result of scanning( QR CODE: ) and etc.?

[@jfversluis]

Sure you can just grab the value

[@atinagarwal8114]

Hello Gerald, its a great video and very well explained.. do you know if we can use this nuget on .NET IOS (core) apps (without MAUI)?

[@jeromebouche]

Hi, I'm interested by the response ^^

[@alternistronx]

Late reply but for me its a big fat "NO". All my .net android (not maui) classes need explicit declaration because they conflict with MAUI names (View, layouts, etc) which is over 1000+ changes. iOS should be exactly the same so to be honest this library is useless unless its an actual MAUI app

[@Youness-w6e]

why i cannot acces to controle cameraview in code behind any idea plz ?

[@jfversluis]

Make sure to provide the x:Name attribute and it should work!

[@hermanreyes2400]

How about NFC or RFID Reading

[@jfversluis]

Is on my todo list!

[@hermanreyes2400]

@@jfversluis that is great. can't wait to watch it. have a nice day.

[@davidesan]

Hello, how to do display the camera full screen ?

[@jfversluis]

It should behave as any other control so create a layout where it shows fullscreen :)

[@michaelschmidt2413]

How can i add a logo using Camera.MAUI? Did not see here an option.

[@jfversluis]

What do you want to add a logo to?

[@michaelschmidt2413]

@@jfversluis yeah it would bring to dedicated business apps more identification to product or services. But in general the camera integration is a great approach for maui 👍

[@mrmuzeza113]

thank you😇

[@jfversluis]

My pleasure!

[@jaimefalquez4902]

There is no package in Nuget, help.

[@jfversluis]

Its right there www.nuget.org/packages/Camera.MAUI

[@jaimefalquez4902]

@@jfversluis Which nuget package do you recommend to implement a QR scanner?

[@JohnDoe-dx6ix]

It won't scan bar codes only QR codes.

[@jfversluis]

You probably need to tell it to also scan for other formats?

[@mohammedjavad1728]

can you share sample code

[@jfversluis]

That is always linked in the video description! :)

[@PunisherSamo]

BEAWARE: In my case it is not working if you set camera view width / height to size of display device. If you have this small sizes for camera view (as in video) it works perfectly.

[@jfversluis]

Please define “is not working”?

[@PunisherSamo]

@@jfversluis Event Barcode_detected is not triggered in 90% of test cases. I was able to detect only QR codes and it took me around 15 seconds until it detects QR code. All this is happening when you have camera view width and height same as display device height and with. If you have smaller width, height for camera view you don´t have this problem and you are able to scan 1D barcodes as well as QR codes. So I think MAUI.Camera have problem with detection when it process bigger frame ( picture / bitmap with higher height and width).

[@НикитаЗападнов]

thanks for tutorial, but working bad on Xiaomi 13(

[@jfversluis]

Sorry to hear that! The differences in Android devices are annoying sometimes

[@НикитаЗападнов]

@@jfversluis google vision library is working much better, will use it

[@GIMMY2K1]

cool

[@jfversluis]

Thanks!

[@williamprogramer4168]

⭐⭐⭐⭐⭐

[@jfversluis]

Thanks 🙏