Access Camera and Read QR code using JavaScript

[@LetsTryThis]

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

[@mathwithmaster]

Link's not working

[@engineerboi3234]

Not working , asset folder from github is deleted!

[@bittercup5279]

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

[@LetsTryThis]

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

[@TheInspiration152]

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

[@laszlogyor6628]

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

[@Lakke_Edu]

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

[@sarasarsora5385]

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

[@cherleyallard2877]

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]

You'll have to put it on your website

[@jhemparico545]

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

[@kiranranichawla7748]

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

[@yashwanthreddygari668]

how to access the value outside the function..

[@tahamidebnarouftahamid6381]

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

[@premkumars1281]

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

[@manideeptadala6699]

Sir scanner is not appearing on output page😢😢

[@solomonsarfo1619]

Do you please have for barcode

[@varietydiy115]

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

[@elifoxgamer11]

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

[@athraaoil6587]

thank you for this effort

[@Crakkovia]

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

[@donatisa2607]

im kinda late but did you find a solution?

[@mackymechilina]

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

[@programmer313]

You can try it in mobile

[@azul6508]

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.

[@sagarb.g.1672]

Super..

[@LetsTryThis]

thanks

[@ricky8466]

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

[@joshuatettey7771]

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]

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

[@gersonmoraes8516]

Thank you so much!👏👏👏🔝🔝🔝

[@Yh96-f9o]

Can it default to front camera when launched on mobile?

[@LetsTryThis]

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"}

[@syukronal-luthfi1676]

Its work, thanks alot bro.

[@LetsTryThis]

You're welcome!

[@adleelda]

Tqvm sir...very helpful!

[@LetsTryThis]

thanks

[@arieljosephrivera5517]

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

[@geraldytaveras3320]

haciendole un deploy

[@elifoxgamer11]

Editing the js file is the only way i know

[@jonathandajome690]

Thank you so much!

[@LetsTryThis]

You're welcome!

[@sukamalbanik126]

great...

[@fauzidika4248]

thank u so much

[@LanceSummer]

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

[@prasanthpotnuru4714]

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

[@TheBostechnology]

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

[@othmanekaffouh9158]

do you found the solution??

[@LearnAndEarnTV]

have u got a solution?

[@TheBostechnology]

@@othmanekaffouh9158 No

[@TheBostechnology]

No

[@LearnAndEarnTV]

@@TheBostechnology i found one

[@shashikantvilaslokhande2633]

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]

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

[@vamsipamulapati5457]

Can u share the GitHub link

[@jhonalexanderarizaduarte845]

gracias🤪