Тёмный

Curso JavaScript: 94. DOM: Ejercicios Prácticos | Detección de la WebCam -  

jonmircha
Подписаться 185 тыс.
Просмотров 13 тыс.
50% 1

Опубликовано:

 

31 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 129   
@j.b.6788
@j.b.6788 4 месяца назад
Al ver las calles con los nombres de las ciudades española de Jeréz, Málaga, Algeciras, Santander, Valencia y la Plaza Sevilla me he sentido como en casa jajajaja. Viva México siempre. Mil veces gracias por tan buen contenido, maestro.
@jonmircha
@jonmircha 4 месяца назад
👋🏻😉
@user87546
@user87546 Год назад
19:40 ya sabemos donde vive Jon! 😂😂😂
@oswscript
@oswscript 3 года назад
Primera vez que hago un turorial tan largo, voy por este y no me lo creo jaja. Gracia por tus videos, es dificil conseguir un buen material de Javascript. Saludos desde Venezuela
@jonmircha
@jonmircha 3 года назад
😉✌
@LauGCaballero
@LauGCaballero Год назад
Duré mucho tiempo en este ejercicio porque le añadí la función al keydown que habíamos creado y no a la carga del DOM. Después de como media hora me di cuenta y funcionó. Muchas gracias por todo, ¡un abrazo colombiano de mi parte!
@jonmircha
@jonmircha Год назад
😉👋🏻
@jimmyroserovallejo
@jimmyroserovallejo 4 года назад
El otro año me pongo juicioso a ver todos tus videos jonmircha!!
@jimmyroserovallejo
@jimmyroserovallejo 3 года назад
Soy yo del futuro, efectivamente ya voy en este video, espero terminarlos...
@mauriciotorres6815
@mauriciotorres6815 3 года назад
@@jimmyroserovallejo Y ahora como va ? yo tuve que hacer un receso en los ejercicios de logica de programacion porque no tenia pc y me fui a trabajar al medio del campo para conprarme una pc jaja. Y bueno ahora hace un par de semanas mas o menos que le vengo dando super duro . Me gustaria saber que avance tuviste en estos 2 meses que an pasado :)
@jimmyrosero4450
@jimmyrosero4450 3 года назад
@@mauriciotorres6815 ya casi los termino, solo que me puse hacer jn diplomado en desarrollo web y no je tenido tiempo quede en ejercicios de api el de las series, luego lo termino y sigo con los de v css y html para luego react
@jimmyroserovallejo
@jimmyroserovallejo 3 года назад
@@mauriciotorres6815 ya no me falta casi nada
@joelleiva6952
@joelleiva6952 2 года назад
En este ejercicio supe como pedir que el usuario me de permisos para acceder a su webcam pero no supe imprimirla en pantalla, todos los dias aprendo algo nuevo muchas gracias jon
@jonmircha
@jonmircha 2 года назад
😉👍🏻
@sandokanArg
@sandokanArg 4 года назад
Esta si que no la puedo probar, no tengo webcam en mi pc :(. Igualmente, muy agradecido Jon por compartir todos tus conocimientos, espero algun dia llegar a saber el 1% de lo que sabes y ayudar como tu lo haces. Desde Argentina te deseo un Feliz Dia del Padre. Y a todos los que seguimos el curso tambien. Abrazo!!!
@jonmircha
@jonmircha 4 года назад
Feliz día para ti Raúl :)
@sandokanArg
@sandokanArg 4 года назад
@@jonmircha Gracias Jon, la pase viendo tus videos de la miniserie de pasar la web a app. :-)
@CarlosDan
@CarlosDan 3 года назад
Puedes testearla desde tu cel accediendo a la a la ip de la red local de tu compu
@shepharddeveloper5823
@shepharddeveloper5823 2 года назад
@@CarlosDan buena idea bro, yo tambien estaba en la misma de no tener camara pero me olvide del celu xD
@leonardoprone5967
@leonardoprone5967 2 года назад
Muy buena clase, Jon !!!. Muchas gracias
@jonmircha
@jonmircha 2 года назад
Con mucho gusto
@Wiiiiizard
@Wiiiiizard 2 года назад
🧙‍♂Muchas gracias, buenisimo el curso!!!
@elweonweandolaweafome
@elweonweandolaweafome Год назад
Gran curso, gran maestro
@jonmircha
@jonmircha Год назад
Gracias por tu apoyo
@heimancastro1954
@heimancastro1954 4 месяца назад
otro buen video maestro gracias
@jonmircha
@jonmircha 4 месяца назад
Gracias. Saludos
@aronlife1098
@aronlife1098 2 года назад
Esto sí que es next level
@jonmircha
@jonmircha 2 года назад
😉👋🏻
@seica5561
@seica5561 4 года назад
Excelente hasta hoy (17/06/2020) todo el curso de JavaScript- JON. Que pobilidad tienes de enseñarnos como se organizan las carpetas (imágenes, font, js, css y otras carpetas necesarias) de un proyecto html5 con el webpack.. Gracias.. y te deseo los mejores de los éxitos.. desde San Antonio de Los Altos, Estado Miranda. Venezuela.
@jonmircha
@jonmircha 4 года назад
Terminando este curso haré uno de webpack y otro de React
@seica5561
@seica5561 4 года назад
Gracias Jon.
@luisdavidmoreno7510
@luisdavidmoreno7510 4 года назад
@@jonmircha Que perfección felicitaciones..
@josemanuelfernadezmateran699
@josemanuelfernadezmateran699 4 года назад
Me gusta bastante cada clase
@jonmircha
@jonmircha 4 года назад
Comparte oara llegar a más gente
@r.w.s.2402
@r.w.s.2402 3 года назад
Gracias por hacer todo tipo de ejercicios con nosotrxs!!!
@jonmircha
@jonmircha 3 года назад
🤗
@mundomagupe6088
@mundomagupe6088 2 года назад
WOW ciudad de México es muy grande jaja. Es verdad, es muy molesto el ruido que hace jeje. Muy buen video . Gracias
@jonmircha
@jonmircha 2 года назад
😅
@brianalexisalmada6522
@brianalexisalmada6522 3 года назад
Lo bueno de no tener cámara web es que puedo conocer un error diferente al del video (NotFoundError: Requested device not found) xD xD jeje. Muchas gracias Jon, otra clase espectacular. Un abrazo cordobés/argentino :)
@jonmircha
@jonmircha 3 года назад
😉👍🏻
@addevmoises
@addevmoises 3 года назад
Voy a retomar asincronía para realizar este ejercicio ya que es lo que más me cuesta en JS
@jonmircha
@jonmircha 3 года назад
;)
@danielfabiani4468
@danielfabiani4468 2 года назад
Gracias jon. Ahora voy a seguir un rato con tu curso de CSS. Y mas tarde trataré de terminar el de emet en vsc. Creo que voy a denunciar tus mensajes subliminales jeje
@jonmircha
@jonmircha 2 года назад
😅😉👍🏻
@matiasromera330
@matiasromera330 3 года назад
Jon termina la pandemia y te voy a visitar a México para ir a tomar unas cervezas frías y de paso conozco la ciudad jaja mentira primero tengo que conseguir laburo de ésto así puedo migrar, pero ganas de invitarte no me faltan che! muy buenos vídeos!
@jonmircha
@jonmircha 3 года назад
😉🍻 salud!!! por tu futuro trabajo!!!!
@matiasgomez9416
@matiasgomez9416 4 года назад
Excelente Jon!
@jonmircha
@jonmircha 4 года назад
;)
@taniellove
@taniellove 3 года назад
Hola Amigo. Excelente ejemplo. Quería preguntarte como haría para seleccionar otra cámara que están conectadas a mi pc o en cell escoger la cámara frontal. Agradezco tu ayuda.
@jonmircha
@jonmircha 3 года назад
Indaga sobre el API MediaDevices, con eso lo puedes hacer
@kevinayerdi
@kevinayerdi Год назад
LIKE si te emocionaste cuando aparecio el video de tu cam en tu web jajaja
@jonmircha
@jonmircha Год назад
😅
@fraivernoelvis7323
@fraivernoelvis7323 2 года назад
hola como hace lo mismo pero con botones
@nbjr3670
@nbjr3670 4 года назад
Saudações John, que Deus te pague por tudo o que estás a fazer. estou tendo um problema, quando executo o programa ele me devolve o erro e sem especificar nada, apenas diz: undefined
@jonmircha
@jonmircha 4 года назад
Se ele enviar undefined, provavelmente é porque você se esqueceu de declarar uma variável, verifique a linha de código que fornece o undefined
@nbjr3670
@nbjr3670 4 года назад
​@@jonmircha a instrução que lança o erro é quando invoco o método play() da tag vídeo.
@mercurioazul630
@mercurioazul630 4 года назад
Oye Jon, ¿Qué micrófono utilizas?
@jonmircha
@jonmircha 4 года назад
Behringer C-1U
@francineguerrero3103
@francineguerrero3103 Год назад
cuando recien hago el console.log(n.navigator) , no me imprime en el console y me sale undefinided
@unciudadanoejemplar816
@unciudadanoejemplar816 2 года назад
Hola profe una pregunta, esta es la única manera de acceder alas cámaras? O hay más metodos que hacen lo mismo?
@jonmircha
@jonmircha 2 года назад
Es la única API nativa
@fadelsalem4172
@fadelsalem4172 2 года назад
Muchas gracias Jon. A quien no tiene webcam, podeis probar tools como ivcam. droidcam. Un saludo
@jonmircha
@jonmircha 2 года назад
😉👍🏻
@leonoracosta5531
@leonoracosta5531 3 года назад
Muy buenas Jon! estuve practicando con el código de la cámara y le añadí botones para inicializar, ya sea audio o video de forma independiente. Pero, tengo un problema, y es que todo funciona "correctamente" pero el audio y video no se apagan, es decir, no se visualizan y escuchan en el navegador como tal pero me marca que sigue encendido. Cómo podría "apagarlas" o dejar de transmitir por completo? estuve investigando pero no encuentro nada concreto. Muchas gracias por tu enseñanza Jon! EDIT: Al fin lo logré!, utilicé los MediaStreams para controlar los dispositivos
@jonmircha
@jonmircha 3 года назад
🤓👍🏻
@cristiansegura7433
@cristiansegura7433 Год назад
Pudiste encontrar algo ? @leonoracosta5531
@helipalacio8772
@helipalacio8772 Год назад
👏👏👏 🙏🙏🙏
@jonmircha
@jonmircha Год назад
👋🏻😉
@cristianroldan337
@cristianroldan337 2 года назад
Buenas tardes Jon. Estoy algo confundido. En videos anteriores enseñaste que para usar promesas declarabamos "new Promise(reslve,rejet).then().catch()" En éste caso no se declara así porque navigator.mediaDevices.getUserMedia() === new Promise () ???
@Nufilnebur
@Nufilnebur 2 года назад
En este caso no se esta declarando una promesa, se está utilizando un método que devuelve una promesa. El método crea la promesa, no lo haces tu directamente.
@jimmypedraza433
@jimmypedraza433 2 года назад
Profe una pregunta como hago para detener la transmisión de la cámara al momento de que detecte algo por ejemplo un rostro osea se sigue ejecutando y pues eso consume muchos recursos quisiera detenerlo, agradezco ayuda profe gracias
@jonmircha
@jonmircha 2 года назад
Tendrías que crear controles e interactuar con los eventos del API revisa la doc
@boogiemusic5686
@boogiemusic5686 4 года назад
Mostraste donde queda tu casa !!! Jajaja. Gracias como siempre. Seguí asi !
@zezimatutorialspc
@zezimatutorialspc 3 года назад
No amigo, hay un grado de error de 3KM, no es su ubicación actual intenta el ejercicio y verás como no sale la ubicación precisa de tu domicilio.
@gabrielvis-brawlstars1568
@gabrielvis-brawlstars1568 3 года назад
Profesor Como puedo saber la ip del usuario ? con geolocation tambien podemos hacerlo?
@jonmircha
@jonmircha 3 года назад
PAra saber la ip necesitas código backend, desde el front no puedes, salvo consultando alguna API que te de el servicio de obtenerla
@gabrielvis-brawlstars1568
@gabrielvis-brawlstars1568 3 года назад
@@jonmircha esto lo enseña en alguno de sus videos?
@MrCerebro2005
@MrCerebro2005 3 года назад
Hola Jon, que podria ser ... tengo la misma camara q vos la logitech C920, la camara prende las luces pero no me sale la imagen cuando ejecuto el html tampoco me da error, pregunta, acepto y prenden la luz azul del frente de la camara arriba el chrome me prende un redondito rojo... saludos
@jonmircha
@jonmircha 3 года назад
uuuy ni idea !!!! intenta desconectarla y volverla a conectar
@jossidivandazalobo3173
@jossidivandazalobo3173 Год назад
Me genera este error ncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia') at HTMLDocument.
@vicodeven9680
@vicodeven9680 3 года назад
Gracias por tu contenido jon eres el mejor crack, Una pregunta hasta cuando va a seguir el curso jaja? ya quiero empezar reac y siempre estas subiendo nuevos cursos (Gracias)
@jonmircha
@jonmircha 3 года назад
Este curso nunca tendrá fin, por eso cree la iniciativa aprendejavascript.org/ React comenzara en enero 2021 ;)
@vicodeven9680
@vicodeven9680 3 года назад
@@jonmircha :O Gracias amigo, no te merecemos...
@helipalacio8772
@helipalacio8772 Год назад
👏🏻👏🏻👏🏻 🙏🏻🙏🏻🙏🏻
@jonmircha
@jonmircha Год назад
😉👋🏻
@emirtirso842
@emirtirso842 4 года назад
Buenas jon, me surguio una duda, ¿es posible que una pagina pueda acceder a tu camara o a tu microfono sin que el usuario se de cuenta? y si es asi ¿como?
@jonmircha
@jonmircha 4 года назад
No, el usuario siempre tiene que permitirlo
@emirtirso842
@emirtirso842 4 года назад
@@jonmircha okay, gracias, aun asi seguire poniendole cinta a la camara jaja
@sheep1dog
@sheep1dog 2 года назад
Hola tengo una duda como puedes grabar en una pantalla y mostrar en vivo al tiempo y en otra pantalla mostrar la grabación pero que siga grabando?
@jonmircha
@jonmircha 2 года назад
Necesitarías APis de Stream y WEB RTC
@sheep1dog
@sheep1dog 2 года назад
@@jonmircha Cómo?
@user87546
@user87546 Год назад
8:05 a mi no me lo acomoda. Que extensión usas?
@jonmircha
@jonmircha Год назад
Mi configuración la encuentras en mi curso de VSCode
@fernandomoran3163
@fernandomoran3163 2 года назад
Me pregunto por que no uso un innerHTML mas facil
@LuisMartinez-pf7ix
@LuisMartinez-pf7ix 2 года назад
Hola Jon y a todos tengo una consulta: navigator.mediaDevices me da como resultado undefined y veo que en el video no pasa esto, He estado leyendo y veo que el Contexto en el que se carga el archivo debe ser seguro, Tengo que Configurar algo en el vsCode ??
@jonmircha
@jonmircha 2 года назад
Tienes que ejecutar tu archivo desde un servidor
@LuisMartinez-pf7ix
@LuisMartinez-pf7ix 2 года назад
@@jonmircha Estoy usando el Live Server en vsCode y no funciona , ahora lo probe con xampp y si me funciono. Gracias Jon por tomarte el tiempo y contestarme pero sobre todo Gracias por este gran curso de Javascript
@timawid
@timawid Год назад
Yo al mi solución hasta botones le agregue 😅😅✅✅. Solo que me falta hacer que la cámara se deje de usar. Hay algún método o función que pueda aplicar a un botón programado para desactivar la cámara ?
@jonmircha
@jonmircha Год назад
Sí, Revisa la doc de la API
@jurrrgenOF
@jurrrgenOF 3 года назад
cuantos años de experiencia tienes?
@jonmircha
@jonmircha 3 года назад
Desde 2004
@Juicio87
@Juicio87 2 года назад
Este ejercicio era más difícil para mí :(
@dvesc
@dvesc 3 года назад
@jonmircha cómo le haría para desactivar la webcam después de activarla? No se si me doy a entender, aquí esta mi codigo: codepen.io/CCCCccccCCCC/pen/vYKqwwE?editors=1010 -> Cree dos botones "activar" y "desactivar" que te podrás imaginar que hacen cada uno, pero para "desactivar" solo logro eliminar la grabación del documento pero la webcam sigue activaa 7-7 como se supone que se apaga??? De antemano muchísimas gracias por tomarte el tiempo de leer esto, eres increíble en verdad
@armandodma6730
@armandodma6730 3 года назад
Bro, la web cam se apaga también lo probé en mi cel y si sirvió
@helipalacio8772
@helipalacio8772 Месяц назад
👨
@jonmircha
@jonmircha Месяц назад
👋🏻😉
@braianrico4422
@braianrico4422 3 года назад
🧙‍♂️🧙‍♂️🧙‍♂️
@jonmircha
@jonmircha 3 года назад
🤘🏻🤘🏻🤘🏻
@jhonvaron1721
@jhonvaron1721 3 года назад
Hola amigos, al darle permitir a mi cámara me genera el siguiente error NotReadableError:" Could not start video source" , no se porque Sera, ya e revisado bien el código esta todo ok, si a alguien ya le paso, le agradecería que me colaborara, Gracias. Y excelente tu curso Jon.
@jonmircha
@jonmircha 3 года назад
Estas ejecutando tu archivo desde un servidor ???
@jhonvaron1721
@jhonvaron1721 3 года назад
@@jonmircha Hola jon,si desde mi live server,de vs code.
@reactivoJS
@reactivoJS Год назад
Madre mia este hombre no tiene miedo compartiendo su ubicación en México xD
@jonmircha
@jonmircha Год назад
😅
@josechambi7483
@josechambi7483 3 года назад
entiendo todos los conceptos pero no puedo realizar aun ningun ejercicio solo =(
@jonmircha
@jonmircha 3 года назад
ánimo... sigue practicando ;)
@alannm5414
@alannm5414 3 года назад
11:53 hasta al programador mas experimentado a veces se le olvidan cosas y tiene que revisar los apuntes jajaj
@jonmircha
@jonmircha 3 года назад
🤭
@mastermaster153
@mastermaster153 2 года назад
no puedo probar estos ejecicios porque estoy en pc de escritorio x,,D jaaj
@jonmircha
@jonmircha 2 года назад
Puedes simular con las devtools
@emanuelgauna222
@emanuelgauna222 2 года назад
deteccion_webcam.js:8 Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia') at webCam (deteccion_webcam.js:8:19) at HTMLDocument. (ejercicios_DOM.js:32:1)
@emanuelgauna222
@emanuelgauna222 2 года назад
me dice que getUserMedia es undefined,,, cm lo soluciono es en el navegador chrome
Далее
g-toilet fights juggernaut (skibidi toilet 77)
00:59
JavaScript Pixel Manipulation for Beginners
17:29
Просмотров 33 тыс.
5 JavaScript Concepts You HAVE TO KNOW
9:38
Просмотров 1,4 млн