Erfahren Sie, wie Sie einen QR-Code-Scanner nur mit dem Web erstellen – kein Cordova erforderlich! Dies bedeutet, dass der Scanner eine großartige Ergänzung für Ihre nächste PWA mit Ionic ist. 🔥 Lernen Sie Ionic schneller mit der Ionic Academy: 🎉 Holen Sie sich mein praktisches Ionic-Buch: ############################# Möchten statt lesen Uhr? Hier ist das vollständige Ionic-Tutorial: 😱 NEU: Kondensator-Crashkurs! ⚡️Nehmen Sie an meinem berühmten 7-tägigen Ionic-Crash-Kurs teil 🤷‍♂️Möchten Sie mehr Ionic-Tutorials? Los geht’s: ############################# ❤️Du findest mich auch… auf auf Oder trete unserer Facebook-Gruppe bei : ############################# .

Kommentare (39)

  • mariem banney Antworten

    Thanks for sharing this with us . It's so helpful and easy to do .

    Can you share with us a video of how to Build a Bar Code Scanner with Ionic Please.

    6. März 2020 um 10:17
  • Abhishek Gehlot Antworten

    This is exactly what I want to do.
    can you please tell me how to stop the video stream in stopScan() function, I use this.videoElement.pause(), but it is not working.

    10. März 2020 um 13:01
  • Tajouri Med Amine Antworten

    Thank you Simon your tutos are very helpful and im using it to build my project.
    Can your shar with us a tuto of profile management with ionic ?

    15. März 2020 um 1:13
  • daniel collazos Antworten

    Ionic allows you to place a fingerprint scanner on the screen of the mobile device?

    18. März 2020 um 17:03
  • Peter Versan Setier Antworten

    do you have any sample for ionic + capacitor + vue.jst ?

    23. April 2020 um 4:01
  • Dusan Jovanovski Antworten

    Its very lagging on my end. The camera is extremely slow! Using Safari on iOS iPhone 7

    25. April 2020 um 18:07
  • Lorenz Knight Antworten

    Hi Simon!
    i have 2 questions
    1- Can i use this scanner with php to?
    2- the scanner dosen't work when i try with my iphone x, do you have some solution this????

    5. Mai 2020 um 16:52
  • Lorenz Knight Antworten

    is it some one that have fix the camera problem in iPhone?????

    10. Mai 2020 um 18:42
  • Pardeep Kumar Antworten

    will it work in android app
    if yes
    then how

    13. Mai 2020 um 8:50
  • Harendra Ranasinghe Antworten

    Hi, I want to use a barcode reader. Can I use this way?

    18. Mai 2020 um 8:37
  • Nicolas Collovati Antworten

    Great video, the only problem is that when I build it, the app use the front camera instead of the back camera. Any suggestions??

    24. Mai 2020 um 19:10
  • Ricardo Machado Antworten

    This work with data array??

    7. Juni 2020 um 19:50
  • Samuel Kouassi Antworten

    great video,

    When I compile the application in my Android phone, the camera does not work, while on the computer everything works fine

    23. Juni 2020 um 17:34
  • Vinay Bakle Antworten

    How can we do this for flutter web?

    24. Juni 2020 um 11:19
  • i Tech Software Academy Antworten

    sir i have an error during build….
    Element uses-permission#android.permission.CAMERA at AndroidManifest.xml

    :22:5-65 duplicated with element declared at AndroidManifest.xml:19:5-90

    4. Juli 2020 um 12:04
  • Deryam Hermosilla Antworten

    Thanks!! Operative in Angular 10 🙂

    13. Juli 2020 um 0:12

    good.. working

    24. Juli 2020 um 16:03
  • Branforge Creative Strategies Antworten

    Thank You So much for your Great Tutorial. I could Successfully implement this in my first App Trial.

    28. Juli 2020 um 10:35
  • Jo Villegas Antworten

    I have error (4:00 mark) at the line "@ViewChild("video", { static: false }) video: ElementRef;" part where the error says "Argument of static : boolean is not assignable to read: any" How do I solve this?

    30. Juli 2020 um 7:27
  • Mauro Mendes Antworten

    Well, when I click start scan, the following error appears: Cannot read property 'getUserMedia' of undefined.

    How can I solve it? thank you!

    5. August 2020 um 21:25
  • Vinod Chavan Antworten

    Thank you for such a great video.
    Can we scan the barcode with this?

    8. August 2020 um 8:57
  • Fohlken Antworten

    I need help with Capacitor making getUserMedia work on Android, I've been trying for weeks.
    I understand that you need to serve in https for it to work, so I use:
    ionic capacitor run android –external –l –ssl

    But then my plugins dont work there since I'm serving in browser I presume. I dont know what I must do to dev and prod this on Android.
    Can someone help me on this one?

    7. September 2020 um 13:12
  • dwighson Pavion Antworten

    the challenge starts when you're attempting to use capacitor :/

    20. September 2020 um 15:00
  • Javier Rodríguez Antworten

    Hi Simon, nice information, it is very useful. But I have a big problem, hope me you can help me, I try this Scanner in a lot of phones (android) but it dosn´t work in Samsung s20+, would you please help me?

    22. September 2020 um 14:45
  • Jonathan Robles Antworten

    Extremely simple implementation, thank you so much!

    I did it using Ionic 5(build for Browser) and Angular 9. I deploy a small demo using firebase hosting.

    Tip: if you are working with Ionic don't use the Ionic native Plugins(BarcodeScanner and qrscanner)

    8. Oktober 2020 um 6:03
  • Luis Alberto Rodríguez Montes Antworten

    Thanks a lot Simon, you are my sensei of ionic

    24. Oktober 2020 um 10:40
  • mavilla vishnu vardhan Antworten

    Awesomeeeeeee tut. Great explanation. Doesn’t seem to scan barcodes. Just tested with the live demo from library. Any suggestions for scanning barcodes as well?

    25. Oktober 2020 um 17:01
  • hovav906 Antworten

    That was a great tutorial!! question – how do i scan regular barcode (not QR)?

    16. November 2020 um 13:00
  • 19TheBluesMan85 Antworten

    Thank you so much! N1!!

    22. November 2020 um 0:02
  • Tan Thu Antworten


    28. November 2020 um 14:55
  • Sviluppo Progetto Automazione Antworten

    Hi Simon, currently this does not work with various EAN code, can you suggest an alternative or make a video about it?

    28. Dezember 2020 um 15:50
  • Alfonso Navarro Alcalá Antworten

    Simon you can do a tutorial working with zxing/library, please…

    27. Februar 2021 um 5:27
  • Hung Nguyen Canh Antworten

    Thank you for your video
    Could you give me your source code?
    Thank you so much!

    7. März 2021 um 10:44
  • David Scue Antworten

    Thanks for the video, but i think there is a minor issue.
    If i install the app on a phone (android 7) and start the scanning, then go to the native camera app and then switch back to the deployed app the camera gets stuck. Even pressing startscan again does not help it gets stuck at the loading screen. Problem seems to be that the videoElement does not get to the HAVE_ENOUGH_DATA state.
    Any ideas?

    7. März 2021 um 13:28
  • Hérick Raposo Antworten

    error cannot find imageData

    8. März 2021 um 14:22
  • Roland Jethro Suyom Antworten

    good tutorial, but this project can't scan barcode

    3. April 2021 um 6:23
  • Roland Jethro Suyom Antworten

    can ionic Qr scanner read barcode?

    3. April 2021 um 6:24
  • José Rodríguez García Antworten

    The big problem with this code is that in the IOS browser you always have to accept camera permissions. On Android or pc browsers, just accepting the camera permissions once is enough.
    Does anyone have an alternative or solution?

    4. Mai 2021 um 13:32
  • Rafael Herren Antworten

    Very nice and it works well. Is there a solution to change the QR scanner to a Text/Number scanner?

    30. Juni 2021 um 10:25

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.