Build a Camera App in Vue JS

Learn how to build a Vue JS Camera App using Vite template in this easy to follow tutorial.
// INTERESTED IN GAME DEV?
/ muddywolf
// FOLLOW ME ON TWITTER
/ tyler_potts_
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[@sorooshmoghimi5494]

that was just awesome. this is the only tutorial for composition api on the web. Thank you

[@codedjango]

Good to see you back.....I love Vue 3 and the videos about Vue 3 on this channel....thank you so much 👍

[@TylerPotts]

Thank you! More to come

[@Georgii1212]

@@TylerPotts is it possible to zoom in / out the picture before taking the photo (by clicking on Take Picture button) ? Let's say we use a browser such as Chrome on a mobile phone. So, basically, I would like to enable smartphone's native camera behavior that allows you to zoom in/out before you take the photo

[@Kaido20]

Can you please release the ghost ai voice assistant for windows?

[@Sunny_dev_]

Good to see you back Tyler 😅

[@TylerPotts]

Thanks sunny 😁

[@g_st_v]

Hey bro! first, thank u for this, it was very helpfully.
So, I'm using Chrome and this error appear on devtools:
Uncaught TypeError: Cannot read properties of null (reading 'width')
It's pointing to the canvas.value.width in the first line of Draw function.
function Draw() {
ctx.value.drawImage(video.value, 0, 0, canvas.value.width, canvas.value.height);
requestAnimationFrame(Draw);
}

[@kshitijvengurlekar1192]

Hey Tyler, Hope you are doing well, Long time no see. Been here since the old days of making Counter in Vue!

[@TylerPotts]

Hey I remember you! Thanks for sticking around more to come

[@shifathossain001]

Please make video live chat application

[@Percalicious]

I love u

[@luisjacobson4375]

*Promo SM*

[@shu9460]

Tyler potts still using Vue in 2023..

[@TylerPotts]

I've always preferred Vue over the alternatives 😁