QR & Bar Code Generate & Scan - Ionic 6 Angular | Part 1 - QR Code (Capacitor & Cordova Plugins)
ฝัง
- เผยแพร่เมื่อ 20 ก.ย. 2024
- Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to implement "QR Code & Bar Code Generator & Scanner" using #ionic #angular for #pwa #android & #ios - #capacitor #cordova
► 89-95% off - Udemy Course on Ionic Coupon Code
Course 2. Ionic 6+ with NodeJs - Complete Beginner to Pro Course 2022
₹389 / $9.99 - till Oct 9 2022
www.udemy.com/...
Course 1. Ionic 6+ From Beginner to Advanced - Build Food Delivery App
Link 1 - ₹389 / $9.99 - till Oct 9 2022
www.udemy.com/...
► App Auth Screen Playlist: bit.ly/authScre...
Source code link: github.com/Nyk...
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
Credits
Thumbnail background image - Image by starline on Freepik (www.freepik.co...)
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.
QR & Bar Code Generate & Scan - Ionic 6 Angular | Part 2 - BAR Code (Capacitor & Cordova Plugins) - th-cam.com/video/qGH8TtZuOrw/w-d-xo.html
Explained very nicely 😀.
I really appreciate your content!! Very nice!!!!
Thank you so much.
i have to questions:
1. when i apply the changes with the command "ionic cap sync". why it doesnt works in web but works really good on android and ios?
2. How can can i style the size of camera view?
can you please help me?
Are you talking about pwa
This command is useful for android and ios only
2. May be you can’t, check the docs I don’t remember exactly
Connect via Instagram tomorrow for further queries
Hello I get a problem in importing the QRCodeModule in my HomeModule.... what can i do to solve this issue?
What’s the error
1) I am getiing the error when I add this line ,
document.querySelector('body').classList.add('scanner-active');
2) my camera gets open but it does not display the camera view. (Android devcie issue)
Connect via Instagram at 4pm IST
thanks man :D
What versions of ionic ,angular and node are you using?
Currently the latest one
In this project it’s ionic 6, rest check it in the source code
Top project, I'm trying to follow the video, At minute 5:14 we will get the html qrcode tag until this moment it has nothing to do with capacitor, here in my project the html doesn't recognize [qrdata], could it be? Does it work on Ionic7 angular 16? Someone help?
Connect via Instagram at 3pm IST
Hii:D
I'm new to ionic and trying to learn from one of your tutorials by the way. I am very good.
Thank you.
checkPermission why does this appear as an error?
Check the video properly for permissions you must have missed out something
isn´t it because:
return false;
} catch(e){
console.log(e);
// Doesn´t have a return? Mabye this should work:
return false;
}
}
Well you can try it
@@909jacobo Thankss
I noticed that when I use this plugin, I can't toggle my flashlight on or off as the flashlight is unavailable when the camera is on. Is there a way round this?
I don’t think so
When you use camera always flashlight gets turned off
Good video friend, I have a problem, I applied everything as you explained in the video, when accepting the permissions to open the camera and scan the qr the camera does not appear, ps: I am creating a project in which I am implementing this function , but in theory everything should be fine since I relied entirely on your explanations, I use android.
Hi
Are you using old android version?
Check it and check the permissions properly, if you need further assistance then connect with me via Facebook messenger, I will be available tomorrow
@@CodingTechnyks I have solved it, in the scss of the page that I was manipulating it had an ion-content with a background so it covered the view of the camera haha I took it out and it was solved, thank you very much for the video, very well explained
@@Amenazzzyi getting same issue can u help me out from this the camera is behind the white background
(outshare/ootshreee) ane word anni sarlu enduku use chestunnav bayya ???
That’s out here
And I recognised my mistake
Rectified in all latest videos
can it scan using the front camera?
I don’t remember
Check out the latest plugin of barcode in my last video
Where use front camera is possible
It is working on pwa app (open camera in browser) ??
You have to use the capacitor plugin for that it works in browser
I think I have told about it in the video
Afternoon...
Please help ionic masters.
I'm making a CRUD project with a php backend, after I build to the APK, the API Service why doesn't it work? the data doesn't appear but when on the web localhost:8100/home the data appears.
please help 🙏
Thanks.
Hi Ricky
You can get in touch with me via Facebook messenger now, link in description
I'm also presently experiencing this
Pass clear text traffic in android manifest
android:usesCleartextTraffic="true"
If still error occurs then it’s a cors issue
@@CodingTechnyks Thanks a lot. This works
In Android studio make Duplicate clases, what can i do?
Contact via Facebook messenger in 7 hours from now
@@CodingTechnyks I did now
this is for qr code , where the barcode part ???
Part 2
how can use it on back camera??
check the docs, may be the option is there
hey bro i have this error :
Error: src/app/tab2/tab2.page.ts:39:11 - error TS2531: Object is possibly 'null'.
[ng]
[ng] 39 document.querySelector('body').classList.remove('scanner-active');
how can i fixe it
Hi, will have to check your code to understand it
Connect via Instagram in 5 hours from now
Link in description
Hey, did you find any solution?
For any queries connect via Instagram
@@nasirsheikh1434 no
QR hurae ctuy video to .iaara...hutwaes
please don't use that accent its distracting
ouch here ouch here 🤦♂
Hi
It’s not intentional
I am trying to eliminate “out here” from my speech
In latest videos it’s reduced to a great extent
i have this problem, what I can do?
ERROR Error: Uncaught (in promise): Error: Attempt to invoke virtual method 'void androidx.camera.view.PreviewView.setScaleType(androidx.camera.view.PreviewView$ScaleType)' on a null object reference
Error: Attempt to invoke virtual method 'void androidx.camera.view.PreviewView.setScaleType(androidx.camera.view.PreviewView$ScaleType)' on a null object reference
Kindly check, you must have missed out something
"Access denied finding property "vendor.camera.hal1.packagelist" i do eveything until the moment to try the app and give me that error when i try open the camera :c what can i do? please
Connect via Facebook messenger in 6 hours from now
Link in description