Empezando con el NODE y socket.io. Todo lo que había visto hasta ahora me asustaba un poco. Tú lo has hecho entendible para mí. Estupendo tuto. Gracias.
Primeramente, gracias por compartir tus conocimientos y explicar sobre el uso de socketio, estuvo genial! pero en mi opinion utilizar socketio no seria la mejor/correcta tecnologia a utilizar para live streaming peer to peer... creo que lo mejor seria utilizar Webrtc y pues utilizar socketio probablemente para la parte de señalizacion entre "clientes" o "usuarios" ya que por mucho que bajes los ms en la funcion de verVideo() (que de hecho menos de 30 ms o ~32-34ms no seriviria de mas ya que basicamente estariamos procesando el mismo fotograma 2 o mas veces), por ejemplo, si el stream es 1080p(o incluso en la resolucion utilizada en el tutorial), la funcion drawImage() no es tan eficiente y menos en una computadora promedio para poder mantener el framerate, lo cual puede ser visto al momento de visualizar el stream como "cliente"... como nota esto esta pasando en localhost... el "lag" seria mas evidente si el usuario no esta en la red local..... Saludos y exitos en este 2022!
Seguramente, siempre hay muchas maneras de hacer las cosas y no necesariamente la que usemos en los videos es la mejor. En este caso lo hicimos así por practicar con node y socketio pero es interesante tu propuesta, muchas gracias por comentar y hacer critica constructiva que puede servir tanto a nosotros como a gente que visualice el video. Gracias!
if(navigator.getUserMedia){ navigator.getUserMedia({video:true, audio:true}, loadCamara, errorCamara) } Solo agregas el parámetro audio:true en el evento btn.
Muy buen video, lo mejor que he visto y más útil para un principiante como yo, tenéis algún articulo o video de lo mismo pero pillando el video de una camara IP en vez de una camara en el ordenador?
Hermano excelente video.. sos la leche!... soy nuevo en esto y me gustaría saber como generar un botón que cierre la conexión y limpie el socket porfa.
excelente ahora tengo una duda. como hago para que e funcione en el servidor de produccion porque en mi pc trasmite pero en un servidor con ubuntu no lo hace
hola, buen video se podría trabajar con canvas y react-native? para hacer lo mismo que en el video ? lamentablemente no encuentro documentación del tema
Se puede acceder también al micrófono y pasar el audio. Transcribir el texto ya tendría que ser con otra librería que interpretase la voz y transformara en texto
Disculpa soy nuevo en esto, pero me encontré tu video indagando sobre un proyecto parecido y me gusto mucho... Tengo una pregunta, en el caso de generar una comunicación entre dos usuarios, como seria el proceso, ya que solo transmites y recibes tu mismo y no hay una conexión entre dos personas diferentes.
Como ves el proceso tiene un html emisor y otro receptor, están conectado por el servidor hecho en node. Si la persona que quiere comunicarse envía la url del receptor a la persona que quiere que la vea estará visualizándola en tiempo real. Lo mismo tendría que hacer la otra persona. Esto que hemos montado es el concepto pero se podéis crear un interfaz con urls para emitir y enviar el video. Gracias por tu comentario.
excelente, puedo instalar socketio en mi servidor lamp de apache? y correr un chat hecho con esta libreria? y como puedo instalar nodejs para hacer app= express () desde lamp
@@10MinutosProgramando mi proveedor me dice que es compartido y toco probarlo en admin.alwaysdata.com/site/ sitio gratis pero no recuerdo como ponerlo en ejecucion directo con node
Excelente tutorial. Una consulta en mi caso tengo que transmitir videos de camaras ethernet, funciona la misma lógica o es otra la manera. Muchas gracias.
Me alegro que te guste. Esa librería con la que trabajamos en el video da mucho juego para trabajar con tema de streaming. De python tb hay cosillas. Web api tb tiene algún tema de streaming de audio. Si te interesa el tema propón algún tema para el canal y nosotros nos lo preparamos. Por aqui han pedido muchisimo el de video y audio conjunto. Es un tema complejo sobre todo para sincronizar pero estamos con ello para sacarlo en el canal.
también me interesa aprender sobre como programar una app para stremear audio y video en conjunto, estos proyectos son mas originales que los típicos que te encuentras para aprender a programar, es mas entretenido ir programando cosas nuevas, muchas gracias, y felicidades por el canal, tienes un nuevo sub
Gracias, intentaremos retomar y seguir añadiendo que os interese. A nosotros nos gusta por que nos obliga a estar siempre aprendiendo. Nos alegra que guste el canal y intentaremos hacer mas contenido de estos temas. Muchas gracias por tu apoyo.
buen video a la hora que pruebo en el navegador si me sale para permitir el acceso a la camara pero no me pinta nada la imagen en la pantalla ... de que podra ser.. gracias de antemano
@@10MinutosProgramando utilizo esta version de chrome Versión 84.0.4147.135 (Build oficial) (64 bits) y al ejecutar en la consola solo me sale un error de favicon.ico este (favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found))..tambien lo probe en firefox e igual no me muestra la imagen en la pantalla ayudame porfavor
Ionic si se puede usar con socket io. Y laravel creo que tiene librerías que hacen los mismo y aunque no estoy muy seguro desde la version 6 se puede usar npm asi que puede ser que puedas usarlo con laravel también
@@10MinutosProgramando no me podría proporcionar los comandos? Es que es para un proyecto de escuela y no he encontrado información tan buena como la de usted🥺
Muy buen video, enhorabuena! Mi pregunta es, obviando el resto de detalles como servidores, etc, podríamos lograr ofrecer un servicio similar a Skype, Zoom, etc utilizando node js? O se nota mucho la diferencia en usar otros lenguajes como C++, Java, etc. Me gustaría intentar desarrollar una app para videollamada que funcione bien de Latinoamérica a Europa por ejemplo. Gracias!
Habria que estudiar y manejar si esos servicios tienen algún tipo de api o librería que me permite manejarlos con javascript y poder gestionar entonces con node js
Hola! Una pregunta. Si en vez de transmitir la cámara web, quiero transmitir archivos de video como tal? Cómo si fuera una película por ejemplo, como podría hacerle? Gracias!!
Que yo conozca no, habría que investigarlo. Aunque por cómo funciona este el tema del streaming creo que no se podría hacer solo con angular necesitas un servidor
Sinceramente no se decirte, pero si la cámara la pudieses conectar al servidor u ordenador que reproduciese el contenido, que hiciese de emisor entiendo que no habría problema.
Pues la verdad es que yo no se si se puede retransmitir video a la etiqueta video. En realidad lo que estamos haciendo en canvas es pintar que que recibimos de la retransmisión. Habría que mirarlo pero no estoy seguro de que se pueda.
@@10MinutosProgramando Ya me funciono! era cuestión de cache y permisos. Tuve un pequeño problema y es que al momento de subirlo a un servidor Apache privado no funciono. Solo me funciono de manera local ¿Qué podría ser?
@@10MinutosProgramando lo solucione con pm2 :) una pregunta y gracias por responder ¿Si yo quiero hacer diferentes transmisiones como tendría que utilizar los sockets?
Si te soy sincero no estoy muy seguro de la respuesta entiendo que tendrías que hacer varios sockets que gestionasen la retransmisiones por separado. Pero ya te digo que no lo tengo muy seguro en mi cabeza ahora mismo. Lo cierto es que no eres el primero que lo pregunta pero no me he puesto a investigarlo
@@10MinutosProgramando ok lo tratare de hacer claro, ya lo probé en otra raspberry pi 4 y funciono, mi problema es en mi raspberry pi 4 y no supe identificar porque no carga el stream o que bloquea el permiso de mi cámara no sabría que solución darle puedo reiniciar todo el sistema o comprar otra sd y cargar el sistema pero antes quería consultar alguna solución diferente. Lo único diferente de las raspberry es que yo cargue apache y php, ya lo desinstale pero siguió el problema. Mi pregunta seria, como podría identificar el problema?
Es interesante pero ahora mi duda es la siguiente, si tengo eso montado en una vps con 8 de ram y 4 procesadores cuánta gente se puede conectar para ver ?
Pues sinceramente no lo se, habría que estudiar anchos de banda y hardware. Lo que ves en este video es un tutorial para aprender a desarrollar una app de video en streaming pero no deja de ser un tutorial si fuese para una aplicación real lo planearía de otra forma supongo. Esto es para entender el concepto y el uso de sockets
Hola me gusto mucho tu video, quisiera saber si no tienes un video donde explicas como conectar con socket.io con autenticacion de jwt y que sea como una conexion privada pero solo a un usuario en especifico no a un canal en especifico como lo hace socket.io con los rooms
Estoy iniciandome en python y me gustaria hacer una app estilo tiktok peto de tipo espiritulial, esto serviria, harias el tutorisl para principiantes ??? 😅😅😅😅
La parte de backend podría ser la misma pero la parte del front del visualizador tendrías que hacerla desde android. En realidad como herramienta web podrías acceder a la cámara del movil, otra cosa es que lo quieras gestionar desde un app ahi ya me pierdo un poco mas
@@10MinutosProgramando No ósea me refiero a poder hacerlo como lo hacer, pero que genere una url y poder colocarla en un reproductor como si fuera un .m3u. No se si me hago entender
Buenas, podrias explicar el nivel de seguridad que tiene esto si lo uso en aplicaciones reales. o alguien que tenga experiencia podria explicarme los desventajas o vulnerabilidades, lo agradeceria bastante
Tony este es un ejemplo, que usamos para aprender conceptos de ahi a meternos ya en seguridad y crear una aplicación real queda bastante. Con este ejemplo aprendemos a manejar sockets y hacer comunicacion con ello
Pues ha sido una pregunta generalizada, creo que habría que abrir un socket con el audio aunque me surge la duda de como sincronizarlo despues con el video.
Este en principio solo imagen ya que estamos haciendo streaming de imagen solo a través de canvas. Estamos estudiando ver como hacer el tema del audio. Os mantendremos informados
Hola buen video educativo, sin embargo, no recomiendo este método para trasmitir vídeo, les recomiendo leer un poco sobre el estándar wrtc que permite audio y video
hola buen dia,estoy aptrendiendo php, y me gustaria implementarla en un proyecto de laravel, es recomendable? y sera facil de implementar?, gracias de antemano
Empezando con el NODE y socket.io. Todo lo que había visto hasta ahora me asustaba un poco. Tú lo has hecho entendible para mí. Estupendo tuto. Gracias.
Gracias hombre!! Un placer ayudar
Los amos de NodeJS.
Gracias por subirlo Cracks! :')
We love you!!
Muchas gracias por darnos una idea más clara de todo esto.
Gracias a ti!!
Excelente video amigo, felicitaciones, Muchas Gracias.
Habia trabajado con la reproducción de ficheros mp4 pero no con live streaming.
Gracias nos alegramos que te guste
Primeramente, gracias por compartir tus conocimientos y explicar sobre el uso de socketio, estuvo genial! pero en mi opinion utilizar socketio no seria la mejor/correcta tecnologia a utilizar para live streaming peer to peer... creo que lo mejor seria utilizar Webrtc y pues utilizar socketio probablemente para la parte de señalizacion entre "clientes" o "usuarios" ya que por mucho que bajes los ms en la funcion de verVideo() (que de hecho menos de 30 ms o ~32-34ms no seriviria de mas ya que basicamente estariamos procesando el mismo fotograma 2 o mas veces), por ejemplo, si el stream es 1080p(o incluso en la resolucion utilizada en el tutorial), la funcion drawImage() no es tan eficiente y menos en una computadora promedio para poder mantener el framerate, lo cual puede ser visto al momento de visualizar el stream como "cliente"... como nota esto esta pasando en localhost... el "lag" seria mas evidente si el usuario no esta en la red local..... Saludos y exitos en este 2022!
Seguramente, siempre hay muchas maneras de hacer las cosas y no necesariamente la que usemos en los videos es la mejor. En este caso lo hicimos así por practicar con node y socketio pero es interesante tu propuesta, muchas gracias por comentar y hacer critica constructiva que puede servir tanto a nosotros como a gente que visualice el video. Gracias!
@@10MinutosProgramando gracias a ti tambien por compartir el contenido y conocimientos... saludos!
Muchas gracias por el tutorial. Muy bueno. Saludos
Muchas gracias. Un saludo
Outstanding! Sólo faltaría que fuera una transmisión recíproca estilo Meeting peer to peer :)
Muy bueno, muy bien explicado, felicitaciones y gracias!
Gracias a ti por verlo!
Excelente, muchas gracias por subir este vídeo es de los pocos que hay en youtube de este tema. Sigue así.
Gracias a ti por verlo
Excelente explicación
Visto en 17/05/2020
Muchas gracias!
Muy Interesante el video, muchas gracias !!!
Gracias a ti por verlo!!
Excelente video, solo esperamos como seria para enviar audio del microfono con socket.io
me gustaria que hagan tambien una segunda parte transmitiendo el audio, gracias!
Ahora mismo tenemos cola de videos por hacer pero estamos trabajando en el tema del audio tb.
@@10MinutosProgramando genial tu video, talvaz algun video de audio
Buen video Gracias amigo!
me sirvió de mucho, estoy implementando con Laravel
Me alegro, laravel es un gran framework. A nosotros nos apetece empezar a publicar cosas con laravel. Así que estamos abiertos a ideas
Eres el mejor amigo, explicas de maravilla y el codigo funcionó a la primera.
Ya me ganaste bro, me suscribo a tu canal!
Te agradezco el apoyo!!
Muy bacano esto, muchas gracias
Gracias!!!
Muy bueno!!! Excelente gracias por el aporte!
De nada, a seguir programando!
Nuevo sub, muchas gracias muy agradable escucharte suerte bro!
Gracias a ti un gusto que nos sigas
Wow excelente video, justo lo que me estaba buscando
Muchas gracias!
Gracias, muy buen video
A ti por verlo!!!
gracias maestro por el aporte justo necesitaba un de streaming :) mil graciasssssssss
Me alegro que te guste
Brutal!!!! cómo se puede compartir de la misma manera el audio?
if(navigator.getUserMedia){
navigator.getUserMedia({video:true, audio:true}, loadCamara, errorCamara)
}
Solo agregas el parámetro audio:true en el evento btn.
Pero si está enviando solo imágenes en formato imágenes en un intervalo de 500 ms, igual funcionaría?
Excelente
Muchas gracias Gabriel
Muy buen video, lo mejor que he visto y más útil para un principiante como yo, tenéis algún articulo o video de lo mismo pero pillando el video de una camara IP en vez de una camara en el ordenador?
No lo siento Kevin, me alegro que te guste. No tenemos ningún proceso que sea con una cámara ip
buena noche excelente video, una pregunta esto tambien funciona para chats multiusuario creados por socket?
Excelente video. Una consulta para el caso que yo quisiera desarrollar un aplicativo web para manejar camaras de vigilancia que necesitaria saber?
Las cámaras de vigilancia bajo mi ignorancia van por ip que yo sepa. Asi que supongo que habría que crear un servidor de video
Hermano excelente video.. sos la leche!... soy nuevo en esto y me gustaría saber como generar un botón que cierre la conexión y limpie el socket porfa.
Hola, paso a recordar que nos gustaría continuar con el proyecto y hacer el stream del audio. Saludos
Estamos investigando el tema y como hacerlo.
excelente ahora tengo una duda. como hago para que e funcione en el servidor de produccion porque en mi pc trasmite pero en un servidor con ubuntu no lo hace
buenisimo
hola, buen video se podría trabajar con canvas y react-native? para hacer lo mismo que en el video ? lamentablemente no encuentro documentación del tema
Pues la verdad es que no lo he probado lo siento
funcionaría con un protocolo rtsp?, más que nada necesito transmitir una cámara ip, que su único protocolo de salida es rtsp
Hola, muy buen vídeo, excelente.
como hago para que el audio lo escuche el visulizador??
Estamos preparando una segunda parte con el audio la subiremos lo antes posible
@@10MinutosProgramando ya casi esta? justo lo necesito :3
good work brother
en que momento asignas la ip del servidor a donde tiene que mandar las imagenes?
Hola, saludos!
Tengo una duda, es posible acceder a la cámara web y al micrófono y transcribir a texto lo que yo diga.
Se puede acceder también al micrófono y pasar el audio. Transcribir el texto ya tendría que ser con otra librería que interpretase la voz y transformara en texto
excelente, muchas gracias por compartir conocimiento, recién aprendiendo node, algún curso qué tengas o recomiendes, saludos
En el canal tienes una serie de como montar una API con node y express que esta muy chulo
Muchas gracias!!
Excelente tutorial , el Audio y compartir pantalla? Se puede con node ? De que recurso puede encontrar información? Gracias hermano! Suerte
Estamos estudiando el tema del audio, en cuanto sepamos algo os lo comunicamos
@@10MinutosProgramando actualmente saben algo del audio
hola me gustaria saber como puedo habilitar el audio del lado del cliente? solo veo el video podria decirme que instruccion debo agregar?
No le hemos hecho en este video, estamos preparando una segunda version con el audio
@@10MinutosProgramando muchas gracias me parece de gran ayuda sus videos por a
favor avisene interesa mucho aprender
Te amo
Hola tengo una duda, esa es la única manera de transmitir? Osea por websockets? O hay otra manera ?
Se podra hacer tambien para que haga una videollamada y permita visualizar el pc ?
Lo de la video llamada estamos preparando algo a ver si nos sale. Lo de ver el pc la verdad es que no lo se ahi supongo que entran otros factores
Disculpa soy nuevo en esto, pero me encontré tu video indagando sobre un proyecto parecido y me gusto mucho... Tengo una pregunta, en el caso de generar una comunicación entre dos usuarios, como seria el proceso, ya que solo transmites y recibes tu mismo y no hay una conexión entre dos personas diferentes.
Como ves el proceso tiene un html emisor y otro receptor, están conectado por el servidor hecho en node. Si la persona que quiere comunicarse envía la url del receptor a la persona que quiere que la vea estará visualizándola en tiempo real. Lo mismo tendría que hacer la otra persona. Esto que hemos montado es el concepto pero se podéis crear un interfaz con urls para emitir y enviar el video. Gracias por tu comentario.
una pregunta. Se puede hacer el mismo streaming pero con solo el audio???
Supongo que si se podrá es cuestión de mira la documentación
Hi, it’s a great tutorial. Question, is this can be use for mobile phone camera also? Android & iPhone browser?
I think so, because by going inside the browser, it can give permissions to the mobile camera.
Although I honestly haven't tried it
hola una consulta cuando le pongo localhost funciona cuando le pongo la ip ya no funciona a que se debe , realizaste el video de audio?
Este tutorial solo transmite el video. Cuando le pones la ip, estas hablando de que lo instalas en otro servidor o que le pones una ip local?
Excelente tutorial, en el caso que tambien quiera audio como seria?
En este no lo implementamos tal vez lo hagamos en el futuro
Amigo haces asesoramientos?
Me gustaria conversar contigo .. porfavor y exclente el video enserio!!
Cualquier cosa, por correo 10minutosprogramando@gmail.com
@@10MinutosProgramando Uncaught TypeError: Cannot read property 'drawImage' of undefined
at verVideo (index.html:45)
at index.html:60
Definiste el objeto context? Para hacer el drawImage
pregunta se puede guardar el video en el vps una vez termine de transmitir?
Habria que capturarlo durante la transmisión.
Se puede trabajar este código con raspberry pi 3? O se tienen que hacer modificaciones?
Puedes montar un servidor de node en una raspberry e intentarlo si
No tienes videos en tu canal, que muestren como hacerlo en raspberry?
Nop
si mi camara ip está en otra red, como lo puedo hacer ? ya que estas camaras cuentan con protocolo rtsp, etc
Lo siento no se como se haría en este momento la verdad
excelente, puedo instalar socketio en mi servidor lamp de apache? y correr un chat hecho con esta libreria? y como puedo instalar nodejs para hacer app= express () desde lamp
Podrías instala Node dentro de tu entorno linux. La herramienta más cómoda para poder hacerlo es NVM
@@10MinutosProgramando mi proveedor me dice que es compartido y toco probarlo en admin.alwaysdata.com/site/ sitio gratis pero no recuerdo como ponerlo en ejecucion directo con node
Excelente tutorial. Una consulta en mi caso tengo que transmitir videos de camaras ethernet, funciona la misma lógica o es otra la manera. Muchas gracias.
Entiendo que mientras emitas sobre el mismo emisor al elegir el acceso a la webcam ethernet debería funcionar. vete contándonos!! si lo pruebas
Muchas gracias crack, podrias ayudarme a saber donde puedo aprender mas sobre como programar aplicaciones de este tipo, para hacer streaming
Me alegro que te guste. Esa librería con la que trabajamos en el video da mucho juego para trabajar con tema de streaming. De python tb hay cosillas. Web api tb tiene algún tema de streaming de audio. Si te interesa el tema propón algún tema para el canal y nosotros nos lo preparamos. Por aqui han pedido muchisimo el de video y audio conjunto. Es un tema complejo sobre todo para sincronizar pero estamos con ello para sacarlo en el canal.
también me interesa aprender sobre como programar una app para stremear audio y video en conjunto, estos proyectos son mas originales que los típicos que te encuentras para aprender a programar, es mas entretenido ir programando cosas nuevas, muchas gracias, y felicidades por el canal, tienes un nuevo sub
Gracias, intentaremos retomar y seguir añadiendo que os interese. A nosotros nos gusta por que nos obliga a estar siempre aprendiendo. Nos alegra que guste el canal y intentaremos hacer mas contenido de estos temas. Muchas gracias por tu apoyo.
En el caso de que no aparezca la segunda pantalla que se puede hacer? No marca ningún error
Si me especificas un poco mas te puedo ayudar
buen video a la hora que pruebo en el navegador si me sale para permitir el acceso a la camara pero no me pinta nada la imagen en la pantalla ... de que podra ser.. gracias de antemano
Que version de navegador estas usando? No creo que deba influir pero es por ir descartando cosas. Te sale algún tipo de aviso en la consola?
@@10MinutosProgramando utilizo esta version de chrome Versión 84.0.4147.135 (Build oficial) (64 bits) y al ejecutar en la consola solo me sale un error de favicon.ico este (favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found))..tambien lo probe en firefox e igual no me muestra la imagen en la pantalla ayudame porfavor
Pregunta? Cuando lanzas el evento de emisión ves la imagen en el emisor? O ni siquiera consigues eso?
no no lo veo ni del emisor :( ya revise el codigo 3 veses y no encuentro el error :( :( :(
Voy a subir el código del proyecto al repositorio del canal. Cuando lo tenga te aviso y lo descargas para ver si te funciona
Se puede utilizar Socket IO con Ionic y Laravel como backend para una app de videoconferencia?
Ionic si se puede usar con socket io. Y laravel creo que tiene librerías que hacen los mismo y aunque no estoy muy seguro desde la version 6 se puede usar npm asi que puede ser que puedas usarlo con laravel también
@@10MinutosProgramando Gracias
Tengo 1 problema, no me deja acceder desde otros dispositivos a (visualizar.html) como lo soluciono?
Buen video de podría usar solo audio como una radio online saludos
yo no usaria esa tecnica solo para audio
Que tal como vas?
Puedo hacerte algunas preguntas por WP ó Telegram?
Tenemos un canal de slack o discord por si quieres hacer preguntas
@@10MinutosProgramando por Discord sería bueno, porque nombre los busco?
10minutosprogramando
discord.gg/pfFmqfVc
Oye amigo en que sistema lo estas haciendo? es lo quiero hacer en windows pero no se si se inserten los mismos comandos que usted pone al principio
Lo estoy haciendo en mac, los comandos de terminal cambian para crear u dirgirte a un fichero en windows
@@10MinutosProgramando no me podría proporcionar los comandos? Es que es para un proyecto de escuela y no he encontrado información tan buena como la de usted🥺
El comando para moverte por la consola es CD, el de listar elementos es DIR y el de crear un fichero por consola es type nul > nombre del archivo
@@10MinutosProgramando no es por querer abusar pero aprovechando de que me apoya contestando como se instalan los servicios?
A que servicios te refieres? Especifícame un poco que el video ya tiene tiempo y no recuerdo todo con exactitud
Muy buen video, enhorabuena! Mi pregunta es, obviando el resto de detalles como servidores, etc, podríamos lograr ofrecer un servicio similar a Skype, Zoom, etc utilizando node js? O se nota mucho la diferencia en usar otros lenguajes como C++, Java, etc. Me gustaría intentar desarrollar una app para videollamada que funcione bien de Latinoamérica a Europa por ejemplo. Gracias!
Habria que estudiar y manejar si esos servicios tienen algún tipo de api o librería que me permite manejarlos con javascript y poder gestionar entonces con node js
Hola! Una pregunta. Si en vez de transmitir la cámara web, quiero transmitir archivos de video como tal? Cómo si fuera una película por ejemplo, como podría hacerle?
Gracias!!
Video en streaming quieres decir. O reproducir video?
Thanks for your video. keep this work. Share for success. I think with this project, you can guide many function. Regard,
I’m happy that you like this video. The truth. It is a very powerful technology
Que consola es la qué usas?
Gracias por el contenido!
Hyper, aunque ya no uso esa ahora uso iterm
se puede crear esto pero en visual studio code??
Ya esta hecho en visual studio, es el editor que uso en el video
hola amigo disculpa la insistencia si subirias tu codigo a tu repositorio..!!
Si lo voy a subir al repositorio, pero lo hare la semana que viene los siento, en este momento no lo tengo en mi poder
@@10MinutosProgramando ya amigo gracias no te olvides porfavor😉
@@coteclusistem Ya esta el repo subido en el github del canal
@@10MinutosProgramando wow gracias amigo de verdad esta con este nombre verdad --streamingVideo---
@@coteclusistem si
Gran vídeo amigo, una pregunta, hay alguna alternativa en Angular?
Que yo conozca no, habría que investigarlo. Aunque por cómo funciona este el tema del streaming creo que no se podría hacer solo con angular necesitas un servidor
Genial vídeo amigo ¿Esto se podría adaptar para recibir video desde un ESP32CAM?
Sinceramente no se decirte, pero si la cámara la pudieses conectar al servidor u ordenador que reproduciese el contenido, que hiciese de emisor entiendo que no habría problema.
¿Por que el Uso de Un Canvas? ¿No se Podria Hacer igual Emitiendo el Stream de Video directamente y el Visualizador mostrarlo en una Etiqueta Video?
Pues la verdad es que yo no se si se puede retransmitir video a la etiqueta video. En realidad lo que estamos haciendo en canvas es pintar que que recibimos de la retransmisión. Habría que mirarlo pero no estoy seguro de que se pueda.
Gran video! todo ok, o bueno casi todo. Solo me funciono con Edge.
Tendría que funcionar con todos los navegadores. Te da algún error en consola
@@10MinutosProgramando Ya me funciono! era cuestión de cache y permisos. Tuve un pequeño problema y es que al momento de subirlo a un servidor Apache privado no funciono. Solo me funciono de manera local ¿Qué podría ser?
Tienes que tener posibilidad de tener node instalado y arrancar el servidor en de express en tu maquina remota
@@10MinutosProgramando lo solucione con pm2 :) una pregunta y gracias por responder ¿Si yo quiero hacer diferentes transmisiones como tendría que utilizar los sockets?
Si te soy sincero no estoy muy seguro de la respuesta entiendo que tendrías que hacer varios sockets que gestionasen la retransmisiones por separado. Pero ya te digo que no lo tengo muy seguro en mi cabeza ahora mismo. Lo cierto es que no eres el primero que lo pregunta pero no me he puesto a investigarlo
Oye, tengo un problema que es cuando voy a visualizar.html no se esta emitiendo el video y no se ve nada, creó que es un problema del canvas
Te lanza algún error?
@@10MinutosProgramando No, es el problema no lanza algún error por consola
Tengo una duda probé el código y funciona pero solo me aparece en donde debería ir el streming que va cambiando de colores, a que se debería?
No te aparece la imagen y te aparecen colores? Es que no entendí bien tu pregunta
@@10MinutosProgramando ok lo tratare de hacer claro, ya lo probé en otra raspberry pi 4 y funciono, mi problema es en mi raspberry pi 4 y no supe identificar porque no carga el stream o que bloquea el permiso de mi cámara no sabría que solución darle puedo reiniciar todo el sistema o comprar otra sd y cargar el sistema pero antes quería consultar alguna solución diferente. Lo único diferente de las raspberry es que yo cargue apache y php, ya lo desinstale pero siguió el problema. Mi pregunta seria, como podría identificar el problema?
Es interesante pero ahora mi duda es la siguiente, si tengo eso montado en una vps con 8 de ram y 4 procesadores cuánta gente se puede conectar para ver ?
Pues sinceramente no lo se, habría que estudiar anchos de banda y hardware. Lo que ves en este video es un tutorial para aprender a desarrollar una app de video en streaming pero no deja de ser un tutorial si fuese para una aplicación real lo planearía de otra forma supongo. Esto es para entender el concepto y el uso de sockets
Hola me gusto mucho tu video, quisiera saber si no tienes un video donde explicas como conectar con socket.io con autenticacion de jwt y que sea como una conexion privada pero solo a un usuario en especifico no a un canal en especifico como lo hace socket.io con los rooms
De momento no tenemos nada de esta temática que comentas pero gracias por vernos
Y también se transmite el audio?
Pues en este ejemplo no por que se esta usando canvas pero se podría mirar para un segundo video
Lo estudiaremos
10 Minutos Programando muchas gracias
A ti
Buen vídeo, hubiese sido bueno que le des créditos al vídeo de donde sacaste el código :D
Quedo a medias ahora falta el Audio?
Estoy iniciandome en python y me gustaria hacer una app estilo tiktok peto de tipo espiritulial, esto serviria, harias el tutorisl para principiantes ??? 😅😅😅😅
Esto solo seria un pequeña parte ahora después tendrás que grabar el video almacenarlo, hacer un login. Una app como tiktok tiene muchísima chica
Muchísima chicha
Bro una pregunta y si yo quiero visualizar desde una aplicación Android?? :D
La parte de backend podría ser la misma pero la parte del front del visualizador tendrías que hacerla desde android. En realidad como herramienta web podrías acceder a la cámara del movil, otra cosa es que lo quieras gestionar desde un app ahi ya me pierdo un poco mas
@@10MinutosProgramando No ósea me refiero a poder hacerlo como lo hacer, pero que genere una url y poder colocarla en un reproductor como si fuera un .m3u.
No se si me hago entender
como puedo hacerlo con audio?
Tienes que abrir otro socket para el audio
Lo dificil es cuadrarlos par que vaya cordinados
@@10MinutosProgramando Y como envio el audio?
Tienes que abrir otro socket para el microfono y emitirlo el audio por ese socket
Seria bueno ver como se monta este ejemplo en un cpanel
estaria bueno uno de video llamada
Oye bro, y si quisiera transmitir desde celular?
En principio se lanzas desde web debería funcionar
Buenas, podrias explicar el nivel de seguridad que tiene esto si lo uso en aplicaciones reales. o alguien que tenga experiencia podria explicarme los desventajas o vulnerabilidades, lo agradeceria bastante
la seguridad depende de la aplicacion, este codigo solo es la prueba de concepto.
Tony este es un ejemplo, que usamos para aprender conceptos de ahi a meternos ya en seguridad y crear una aplicación real queda bastante. Con este ejemplo aprendemos a manejar sockets y hacer comunicacion con ello
Y que pasa con el audio?
En este video solo tratamos el streaming de video
Excelente, me puedes dar una pista de como transmitir audio? Saludos desde Perú.
Pues ha sido una pregunta generalizada, creo que habría que abrir un socket con el audio aunque me surge la duda de como sincronizarlo despues con el video.
@@10MinutosProgramando if(navigator.getUserMedia){
navigator.getUserMedia({video:true, audio:true}, loadCamara, errorCamara)
}
Hi, great job! where can I find the application code? Do You share on
Github?
we are preparing the repository with all the material, we will leave it there in a short time
Github done in 10minutosprogramando
hay respositorio del codigo ^
Github 10 minutos programando tienes casi todos los proyectos colgados
Gracias por el tuto!
Cómo se hace para transmitir el Audio?
Este en principio solo imagen ya que estamos haciendo streaming de imagen solo a través de canvas. Estamos estudiando ver como hacer el tema del audio. Os mantendremos informados
Estamos con ello de momento es solo imagen pero estamos estudiandolo
nitido
no hay repo
codigo?
La semana que viene subiré los códigos al repositorio. Aun no he podido gestionar esto. Se que esta pendiente
Hola buen video educativo, sin embargo, no recomiendo este método para trasmitir vídeo, les recomiendo leer un poco sobre el estándar wrtc que permite audio y video
Gracias por el apunte Jesús. Le
Echaremos un vistazo. Siempre nos gusta aprender cosas nuevas.
q guapo eres
NodeJS
No digas eso muy alto que como te oigan los listillos te van a decir que NodeJS no es un lenguaje
hola buen dia,estoy aptrendiendo php, y me gustaria implementarla en un proyecto de laravel, es recomendable? y sera facil de implementar?, gracias de antemano
Noooo, usa python, django, React estimado, eso utilizan las grandes empresas de EEUU y Europa...
y que pasa con el audio ?
en este video no lo solo tratamos el tema del video