Access Camera and Read QR code using JavaScript

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

КОМЕНТАРІ • 58

  • @LetsTryThis
    @LetsTryThis  11 місяців тому +2

    Source Code Here :
    youthsforum.com/2021/05/27/access-camera-and-read-qr-code-using-javascript/

  • @laszlogyor6628
    @laszlogyor6628 2 роки тому +3

    It is a perfect solution for me, thank for your work. I wish you lots of success.😊

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

    Not working , asset folder from github is deleted!

  • @bittercup5279
    @bittercup5279 3 роки тому +6

    how to make the default camera is rear/back phone camera?

    • @LetsTryThis
      @LetsTryThis  2 роки тому

      I haven't tried it, buy you may try this
      html5QrCode.start({ facingMode: { exact: "environment"} }, config, qrCodeSuccessCallback);

    • @TheInspiration152
      @TheInspiration152 2 роки тому

      @@LetsTryThis Hi sir. Where i should put this code? thank you
      😀

  • @Lakke_Edu
    @Lakke_Edu 19 днів тому

    Nive! It worked here. How do I make it work using react?

  • @kiranranichawla7748
    @kiranranichawla7748 2 роки тому +1

    how to increase height of scaaner its show small size when we open it in mobile

  • @jhemparico545
    @jhemparico545 2 роки тому +3

    it is working... thanks but I want to put more fields once it was read... can you teach me thanks...

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

    I want use phone and open this website but show error : "Camera access is only supported in secure context like https or localhost". How to solve this, Please!! Thank you so much

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

      You'll have to put it on your website

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

    How can I fix the problem of the camera, it turns on and then turns off immediately

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

    It works fine in localhost but in the client side camera cannot work, please give solution

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

    how to access the value outside the function..

  • @solomonsarfo1619
    @solomonsarfo1619 2 роки тому +1

    Do you please have for barcode

  • @joshuatettey7771
    @joshuatettey7771 2 роки тому +1

    Its working great. Thanks. Except that you can't customize the view to make it more compatible with your web app's interface. Thanks anyway.

    • @NaveenKumar-fl7fw
      @NaveenKumar-fl7fw 2 роки тому

      DO YOU NEED TO CUSTOMIZE THE VIEW it Can be done by editing the min.js file
      let I show how to customise it

  • @ricky8466
    @ricky8466 2 роки тому

    thank you, but there's little error in JS when scanning that printed on console.log

  • @azul6508
    @azul6508 2 роки тому

    Hii, i'm very thankful for your code. But suddenly the icon gif is not appearing. Do you know how to fix that? It worked before, suddenly that icon is missing and i don't change anything.

  • @syukronal-luthfi1676
    @syukronal-luthfi1676 5 місяців тому

    Its work, thanks alot bro.

  • @Crakkovia
    @Crakkovia 3 роки тому +1

    Cannot open the source NotReadableError : Could not start video source, i have the webcam running fine and disabled all extension on nav

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

      im kinda late but did you find a solution?

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

    Sir scanner is not appearing on output page😢😢

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

    QR code parse error, error = D: No MultiFormat Readers were able to detect the code.

  • @sagarb.g.1672
    @sagarb.g.1672 3 роки тому +3

    Super..

  • @varietydiy115
    @varietydiy115 3 роки тому +1

    What happen? Sir => Uncaught ReferenceError: Html5QrcodeScanner is not defined

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

      you didn't linked the js file correctly. Did you rename the js file like that?: html5-qrcode.min.js

  • @mackymechilina
    @mackymechilina 2 роки тому

    my laptop has no internal camera, i can only use a USB type webcam, how can i used it as a QR Code scanner in PHP

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

    great...

  • @Yh96-f9o
    @Yh96-f9o 2 роки тому

    Can it default to front camera when launched on mobile?

    • @LetsTryThis
      @LetsTryThis  2 роки тому +1

      I haven't tried it, buy you may try this
      html5QrCode.start({ facingMode: { exact: "environment"} }, config, qrCodeSuccessCallback);
      available options for facing Mode
      {exact: "environment"}
      or
      {exact: "user"}

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

    thank u so much

  • @athraaoil6587
    @athraaoil6587 2 роки тому +1

    thank you for this effort

  • @arieljosephrivera5517
    @arieljosephrivera5517 2 роки тому

    is there any way to make the camera work on non https / localhost web like lan servers / remote access ip? thank you

  • @LanceSummer
    @LanceSummer 2 роки тому

    Are you running this as as js.node? How do you have your html on localhost

    • @prasanthpotnuru4714
      @prasanthpotnuru4714 2 роки тому

      Go Live..Visual studio code provides that live server plugin. U just need to install and click on go live

  • @jonathandajome690
    @jonathandajome690 2 роки тому +1

    Thank you so much!

  • @jhonalexanderarizaduarte845

    gracias🤪

  • @adleelda
    @adleelda 3 роки тому

    Tqvm sir...very helpful!

  • @gersonmoraes8516
    @gersonmoraes8516 2 роки тому

    Thank you so much!👏👏👏🔝🔝🔝

  • @TheBostechnology
    @TheBostechnology 2 роки тому

    barcode


    Result Here
    How can I put the result input placeholder please help!

  • @shashikantvilaslokhande2633
    @shashikantvilaslokhande2633 2 роки тому

    Hi Dear
    I tried this,
    It is not accessing my camera ,
    But when i select file from local it decodes data.
    Why it is not accessing the camera

    • @nayranay3740
      @nayranay3740 2 роки тому

      maybe you have to go to chrome://flags, find insecure origin, paste your local ip, set to enable and then relaunch your browser

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

    Can u share the GitHub link