ImMoe

7
5 860

Hello friends on RU-vid!

My name is Mohamed and my goal and mission on RU-vid is to bring valuable and useful content
that hopefully can make your programming career more fun and interesting.
The videos you will find here are clear, concise and comprehensive.

Thanks to all my subscribers!

Комментарии

@traciedaugherty1435 Год назад

promo sm 👀

@photoinshot1355 Год назад

Great tutorial, very helpful, and well explained, thanks. Would be great to see how to save the image to a database.

@immoe Год назад

Working on similar projects including that. Thanks for input happy you liked it! Make sure to subscribe too :)

@TutorialesMasterTech Год назад

What mistake I have?

@TutorialesMasterTech Год назад

CÓDIGO EN Js: const video = document.querySelector(".video") const cameraButton = document.querySelector(".camera") const canvas = document.querySelector(".canvas") navigator.mediaDevices.getUserMedia({ video: true }) .then(stream => { video.srcObject = stream; video.play(); }) cameraButton.addEventListener("click", () => { video.classList.toggle("effect") setTimeout(() => video.classList.toggle("effect"), 400); canvas.getContext("2d").drawImage(video, 0, 0, canvas.with, canvas.heigth) let image_data_url = canvas.toDataURL("image/jpeg") //Dowloand the image directly const DowloandLink = document.createElement("a") DowloandLink.href = image_data_url DowloandLink.download = "selfie.jpeg" document.body.appendChild(downloadLink) downloadLink.click(); document.body.removeChild(download); }) CODIGO EN HTML: <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PROYECTO DE CAMARA</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="camera"> <video class="video"></video> <div class="camera-button"> <ion-icon name="camera-outline"></ion-icon> </div> </div> <canvas class="canvas" width="500" height="400"></canvas> <script src="app.js"></script> <script type="module" src="unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> </body> </html>

@TutorialesMasterTech Год назад

Hello, I did the whole process in html, js, css but it won't let me download it.

@hamzahsyabani7745 Год назад

thanks great video, but sir i wan to ask sory, why my result selfie like a mirroring ? so if my hand at right at screen then i take selfie, then a result my hand at left..