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

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 121

  • @billrichards7838
    @billrichards7838 Рік тому +7

    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
      @jfversluis  2 місяці тому

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

  • @ryanh1869
    @ryanh1869 Рік тому +1

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

    • @jfversluis
      @jfversluis  Рік тому +1

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

    • @ryanh1869
      @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
    @MarcAmposta Рік тому

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

    • @jfversluis
      @jfversluis  Рік тому

      Glad you like them! Thank you!

  • @patrickagenonga9930
    @patrickagenonga9930 Рік тому +3

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

  • @bibikski2270
    @bibikski2270 Рік тому +1

    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.

  • @80amnesia
    @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.

  • @michael89685
    @michael89685 Рік тому

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

  • @ricardoc1976
    @ricardoc1976 3 місяці тому

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

    • @jfversluis
      @jfversluis  3 місяці тому

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

  • @acodersjourney
    @acodersjourney Рік тому

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

  • @anilvirginia
    @anilvirginia 9 місяців тому

    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?

  • @kopilkaiser8991
    @kopilkaiser8991 Рік тому

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

  • @PierreH1968
    @PierreH1968 Рік тому

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

    • @jfversluis
      @jfversluis  Рік тому +1

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

  • @ducvunguyen5607
    @ducvunguyen5607 3 місяці тому +3

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

    • @samueljuren283
      @samueljuren283 2 місяці тому

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

    • @ducvunguyen5607
      @ducvunguyen5607 2 місяці тому

      @@samueljuren283 I got it

    • @ducvunguyen5607
      @ducvunguyen5607 2 місяці тому

      @@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.

  • @frankharoldsantos6395
    @frankharoldsantos6395 Рік тому +3

    Can you do a example with MVVM

    • @jfversluis
      @jfversluis  Рік тому +6

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

  • @stevelarin5809
    @stevelarin5809 Рік тому

    Ty for ur video's dude! Best guides I ever saw on UA-cam❤

    • @jfversluis
      @jfversluis  Рік тому

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

    • @stevelarin5809
      @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
      @jfversluis  Рік тому

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

  • @ToadHallSally
    @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
      @jfversluis  Рік тому

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

    • @PunisherSamo
      @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.

  • @ryanh1869
    @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 😢

  • @DumasPonteH
    @DumasPonteH 25 днів тому

    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.
    I'm using .net 8 android

  • @samueljuren283
    @samueljuren283 2 місяці тому

    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
    @adnansayyid967 6 місяців тому

    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?

  • @amilshabo3218
    @amilshabo3218 Рік тому +3

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

    • @MrPetschko
      @MrPetschko 8 місяців тому

      Did you managed to do it with MVVM?

    • @rsrodas
      @rsrodas 27 днів тому

      @@MrPetschko I just bind the Self property of CameraView object to my MVVM: Self="{Binding MyCamera}" and then access all the MyCamera functionality inside of MVVM....

  • @FabrizioCiavatta
    @FabrizioCiavatta 8 місяців тому

    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?

  • @janoso89
    @janoso89 6 місяців тому

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

  • @MrPetschko
    @MrPetschko 8 місяців тому

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

  • @elqubed
    @elqubed 4 місяці тому

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

  • @lemonlearner7315
    @lemonlearner7315 7 місяців тому

    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

  • @IlyaObmen
    @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?

  • @mauriciojunior-net
    @mauriciojunior-net 4 місяці тому

    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
      @jfversluis  4 місяці тому +1

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

    • @mauriciojunior-net
      @mauriciojunior-net 4 місяці тому

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

    • @mauriciojunior-net
      @mauriciojunior-net 4 місяці тому

      @@jfversluisI fixed the issue using zoomfactor = 3

  • @yaseenafzal6162
    @yaseenafzal6162 6 місяців тому

    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

  • @vinodkk2007
    @vinodkk2007 11 місяців тому

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

    • @jfversluis
      @jfversluis  11 місяців тому

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

  • @JoosephLr
    @JoosephLr 7 місяців тому

    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...

  • @Jean-MarcHuet-o2n
    @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?

  • @anandshindey
    @anandshindey Рік тому

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

  • @zarokoshin4090
    @zarokoshin4090 Рік тому

    Great video and thank you for sharing !

    • @jfversluis
      @jfversluis  Рік тому +1

      My pleasure! Thanks for watching!

  • @ErikBartlow
    @ErikBartlow 3 місяці тому

    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
      @jfversluis  3 місяці тому

      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

  • @franciscosegadoehijoss.l.4816
    @franciscosegadoehijoss.l.4816 9 місяців тому

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

  • @hesham1871
    @hesham1871 3 місяці тому

    Thanks man but element cameraview not appearing in blazor maui app

    • @jfversluis
      @jfversluis  3 місяці тому

      You will probably want to look at this
      3 Ways Combine .NET MAUI and .NET MAUI Blazor Hybrid
      ua-cam.com/video/2dllz4NZC0I/v-deo.html

  • @smllr09
    @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
      @jfversluis  Рік тому

      This plugin claims to also work on Windows!

  • @jeromebouche
    @jeromebouche 7 місяців тому

    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
      @jfversluis  7 місяців тому +2

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

  • @jaimestuardo4655
    @jaimestuardo4655 10 місяців тому

    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
      @jfversluis  10 місяців тому

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

    • @jaimestuardo4655
      @jaimestuardo4655 10 місяців тому

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

  • @waltergrimm7161
    @waltergrimm7161 Рік тому

    Great stuff, Thanx

  • @NiteshKumar-km3to
    @NiteshKumar-km3to 10 місяців тому

    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
      @jfversluis  10 місяців тому

      You’ll have to check on the plugin repository!

  • @0NeSsE0
    @0NeSsE0 Рік тому

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

    • @jfversluis
      @jfversluis  Рік тому

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

    • @MarownIOM
      @MarownIOM Рік тому

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

  • @hermanreyes2400
    @hermanreyes2400 Рік тому +1

    How about NFC or RFID Reading

    • @jfversluis
      @jfversluis  Рік тому +3

      Is on my todo list!

    • @hermanreyes2400
      @hermanreyes2400 Рік тому

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

  • @atinagarwal8114
    @atinagarwal8114 8 місяців тому +1

    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
      @jeromebouche 7 місяців тому

      Hi, I'm interested by the response ^^

    • @alternistronx
      @alternistronx 2 місяці тому

      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

  • @greeksinmars
    @greeksinmars Рік тому +1

    Supported Platforms for Android and iOS ?

  • @Tanatozzz
    @Tanatozzz Рік тому

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

    • @jfversluis
      @jfversluis  Рік тому

      Sure you can just grab the value

  • @Youness-w6e
    @Youness-w6e 9 місяців тому

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

    • @jfversluis
      @jfversluis  9 місяців тому

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

  • @davidesan
    @davidesan Рік тому

    Hello, how to do display the camera full screen ?

    • @jfversluis
      @jfversluis  Рік тому

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

  • @michaelschmidt2413
    @michaelschmidt2413 Рік тому

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

    • @jfversluis
      @jfversluis  Рік тому +1

      What do you want to add a logo to?

    • @michaelschmidt2413
      @michaelschmidt2413 Рік тому +1

      @@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 👍

  • @jaimefalquez4902
    @jaimefalquez4902 Рік тому

    There is no package in Nuget, help.

    • @jfversluis
      @jfversluis  Рік тому +2

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

    • @jaimefalquez4902
      @jaimefalquez4902 Рік тому

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

  • @mrmuzeza113
    @mrmuzeza113 Рік тому

    thank you😇

  • @JohnDoe-dx6ix
    @JohnDoe-dx6ix 10 місяців тому

    It won't scan bar codes only QR codes.

    • @jfversluis
      @jfversluis  10 місяців тому

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

  • @mohammedjavad1728
    @mohammedjavad1728 Рік тому

    can you share sample code

    • @jfversluis
      @jfversluis  Рік тому

      That is always linked in the video description! :)

  • @PunisherSamo
    @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
      @jfversluis  Рік тому

      Please define “is not working”?

    • @PunisherSamo
      @PunisherSamo Рік тому +1

      @@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).

  • @НикитаЗападнов
    @НикитаЗападнов 10 місяців тому

    thanks for tutorial, but working bad on Xiaomi 13(

    • @jfversluis
      @jfversluis  10 місяців тому

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

    • @НикитаЗападнов
      @НикитаЗападнов 10 місяців тому

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

  • @GIMMY2K1
    @GIMMY2K1 Рік тому

    cool

  • @williamprogramer4168
    @williamprogramer4168 Рік тому

    ⭐⭐⭐⭐⭐