I made my own Voice Assistant like Alexa with Javascript
Vložit
- čas přidán 22. 02. 2020
- El día de hoy les traigo un nuevo video de programación donde aprenderemos a crear nuestra propia asistente virtual, como Siri o Alexa, de manera totalmente gratuita y didáctica con Javascript y la librería de código Abierto Annyang.
Cualquier duda o error que tengas deja un comentario y te ayudare en lo posible!
Codigo del proyecto:github.com/imTDB/Javascript-V...
Informacion extra y mas en mi blog: eltallerdetd.wordpress.com/
Los mejores proyectos con Arduino en el canal: goo.gl/mCKknp
Los mejores proyectos de Programacion en el canal: • Proyectos de Programación
Mis redes sociales:
Contacto/Contact: eltallerdetd@gmail.com
Suscribite ahora!: goo.gl/s9jhnN
Sígueme en Facebook: goo.gl/8krydS
Sígueme en Twitter: goo.gl/i1V7xo
Sígueme en Instagram: goo.gl/nqgzbF
Summer's Tides by Oshóva / osh-va
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/summers-tides
Music promoted by Audio Library • Summer's Tides - Oshóv...
¡Muchas Gracias! - Věda a technologie
*INDICE DEL VIDEO:*
00:00 - 4:45 (Introduccion y pruebas iniciales)
4:45 - 31:44 (Desarrollo del Proyecto)
31:44 - 35:20 (Pruebas Finales y conclusion)
Espero que les haya gustado el proyecto 😅, cualquier duda me la dejan por acá abajo 🔽
Saludame en el.proximo video ;v seré feliz
Buenas noches bro yo realice todos los pasos pero hay un problema cuando lo ejecuto no me sale el cuadro de texto para activar el micrófono😥👀me podrías ayudar con eso
@@antivideolargo cambiaste la direccion de directorio?
Hola taller de td tengo una duda si yo hiciera mi propio asistente podría meterle una voz en específico como la de Siri o algo así o solo se puede con una voz ???🤔🤔
Viejo una pregunta antes de empezar el tutorial hay opciones para elegir la voz del bot y si hay una manera de pasar al bot en 2d digamos que se vea en el monitor?
Este vato es un ídolo le costó trabajo y nos da el código sin casi nada de esfuerzo
Es un placer Daniel, un saludo y no olvides suscribirte y compartir el video si te gusto!
Me imagino que todo el dislike es de personas que no saben nada de programación.
Yo tampoco se pero estoy aferrado en crear un perfecto asistente personal.
En lo personal me encanto tu vídeo.
No soy uno de ellos. Pero creo que es porque esto no es un asistente virtual. Solo es un reconocimiento de voz que ejecuta una función JS. Donde incluso la librería es innecesaria. JavaScript ya hace eso. Para que sea un asistente debes mínimamente hablar con el. Y te tomaría años hacerlo. Por lo tanto no es un asistente virtual.
Muchas gracias por compartir tu proyecto con nosotros. Eres genial explicando los diferentes temas. Un saludo muy cordial
Se ve re facil y muy didactico e interesante a la vez, me encantaron los chistes 😅👌
Excelente video. Gracias por Compartir tan genial recurso. Muchas felicidades por defenderte tan bien con javascript.
Muchas gracias Michael! Un saludo!
Hola buenos días me gusto mucho tu video y me gustaría que pudieras seguir con al menos otras dos partes mas de este video pues no se nada de programación pero te entendí bastante gracias
lo acabo de ver, excelente, tienes un suscriptor mas.....saludos desde Bolivia
Muchas gracias! Saludos!
Muy buen video, Felicidades!! y Gracias
Me encantó el video, haré uno igual como dije en el Discord 😎
Muchas gracias 😁 Saludos!
Que crack brooo
Mis respetos de verdad 🥺💓
Este es mi proyecto final, gracias por el video
Gracias por elegirlo como proyecto final! Cuéntanos como te quedo :D No olvides suscribirte y compartir el video para mas contenido :)
interesante 😁no ocupa muchas lineas de codigo ,en el video esta muy bien detallado y exelente explicacion... es un gran tutorial 😎
Muchas gracias Aldair, espero te sirva! Saludos!
Sigue así wacho 😎👌
Llegas justo a tiempo :)
Espero te sirva! Muchas gracias por ver!
Muy buen video amigo, hay algunas cosillas que han cambiado, como la obtención de las voces, tengo una página web hecha en react y se me ocurrió adaptar una navegación por medio de un asiste virtual vamos a ver cómo me va, saludo...
Agrega el comando:
Drakukeo
Respuesta: El empalador
El empalador
La culeo
@@glensensei5978 un taladrador
@@vixerxd8763 Le meto el dedo
Hola bro exelente video. Siempre e querido hacer un asiste o IA. Y que mejor que empezar por aquí. Exñrnete video tienes un nuevo sib 😎👉👉
Gracias amigo! Un saludo!
Buen video👍🏽👍🏽
Hola amigo tengo una duda crees es posible crear una asistente tipo gatebox pues quiero hacerla pero no tengo idea
Se puede crear una asistente virtual que pueda hacer una conversación o así
Hola, gracias por darme una idea de lo que puedo llegar a hacer con esta libreria, la unica observacion que tengo es no uses la palabra reservada var para declarar variables usa let
oye una pregunta donde puedo aprender más sobre el tema?
DISCULPE ME MARCA EL PROGRAMA QUE TENGO UN ERROR Y ME DICE ESTO: The parser expected to find a '}' to match the '{' token here PERO SOLO HE COPIEADO Y PEGADO NO LE HE MOVIDO NADA QUE DEBO HACER EN ESTE MOMENTO?
Oye crees que se conecte el botón para la hablar a una tecla de la computadora
gracias hacia tiempo queria hacer un asistente asi
Me alegro en poder ayudar! Saludos y no olvides suscribirte para no perderte ningun futuro video!
una pregunta como puedo hacerlo aplicacion y tambien como puedo cambiarle la voz
Hola,es necesario que haya un botón para que el sistema comeinze a escuchar? Se puede hacer de una manera que al abrir la página por así decirlo , te comeince a saludar y te pregunté como estas sin necesidad de presionar un botón?
Una pregunta este programa lo puedo compartir con mi teléfono? Quisiera conectarlo a mi teléfono y si necesito alguna información quisiera esa información instantánea
Hola amigo una consulta , podrás hacer un video para que el asistente tome las respuestas que doy por vos y las envié a un correo en forma de texto ? , desde ya muchas gracias.
UFFFFFFFFFFFFFFFFFFFFFF me encanto, me pondré a hacerlo!
Muchas gracias! Y suerte con el desarrollo 😸
Hola, a mi no me funciona el sintetizador de voz, por lo que he leído solo funciona cuando se dispara un evento con un botón; no se cómo hiciste para q te funcionar; si alguien me puede ayudar por favor
hola bro, te queria preguntar una duda que tengo que es que no me toma los comandos, ya lo escribi a mano 2 veces y lo copie y lo pegue y sigue sin tomarmelos, tenes idea como se puede solucionar??
PD: tenes un nuevo sub
Hola Tadeo, quiero preguntarte una cosa, me he descargado tu proyecto de asistente virtual y no me funciona, ya le he cambiado las direcciones de donde están guardado en mi equipo, a ver si me podrías echar una mano para que funcionara, posdata me gustan mucho tus videos ;)
Gracias bro
Gracias a vos por apoyar! No olvides suscribirte para mas!
me encanto el video...crees que podrías hace uno parecido pero que este sea offline....o que sea así como un juguete que te responde lo ultimo grabado conforme preguntes....
Está muy interesante tu vídeo, siempre quise saber cómo se hacían los asistentes de voz y tu vídeo fue el indicado para responder y enseñar cómo hacerlo.
Me imagino cuan largo debe ser el Asistente de voz de Google😅
Like y nuevo sub, te lo ganaste💡
Muchas gracias Brandon! Saludos!
@ElTallerDeTD como podria meter a chatgpt en mi codigo?
puedes compartir el acceso a tu base de datos, yo también estoy tratando de crear un asistente virtual en python y trabajo en el dataSet
buenas noches amigo no se como compilar mi asistente Dime porfavor como compilar el asistente o proyecto
y como lo abro como tu es decir como abro la pagina web
amigo como entro al html para hacer las pruebas
Cuando linkea los archivos no poner la direccion completa solo el nombre de los archivos porque no los encontrara al no ser la direccion dispuesta en el equipo que copie el repositorio. Al estar a la misma altura en el directorio los tomara asi que recortar dejando solo el nombre
Buena aportacion, si quieres puedes cambiar esas linea haciendo un Pull Request a la repo de Github del proyecto! Te lo agradeceria mucho!
alguien sabe como poner voces personalizadas?
Hola yo no tengo idea 💡 de programación, no te entendí mi M, pero la neta a mi me gustaría tener un asistente personal y me inspiras a creer que puedo, crees que se pueda poner un asistente en una bocina y ponerle el nombre que quiero y que se active cuando digo su nombre?
si agrego el el boton un onclick annyan, sera que me funcionara igual?.
quiero agregarlo a mi pagina pero no quiero que por cada boton funcione
Hola amigo! Si por supuesto que puedes agregar mas cosas, saludos y no olvides suscribirte para mas!
oye una pregunta de donde sale el annyang.min.js?
respondeme por favor :,)
Hola amigo, es lo necesario para utilizar la libreria, esta en la raiz del proyecto! Saludos y no olvides suscribirte!
funciona en Debian de linux
oye otra pregunta es que ya me apare para dar permisos al micro pero el navegador me lo bloquea y dice que no tiene permiso para el micro cuando ya le di el permiso solo que no me deja permitirlo, que tendría que revisar en el js?
Hola Jhon! Intenta apretar F12 y ver que no haya ningun error en la consola, saludos!
primeramente agradecer el video esta genial. tengo un proyecto en mente el cual es usar un asistente 3d en pantalla capaz de interactuar con las personas y pensaba usar esta librería pero para la parte gráfica no tengo idea de como iniciar, que lenguaje o libreria me podría recomendar para empezar?
Hola The Kaiser! La verdad nunca use nada 3D con Javascript, asi que no quiero recomendarte mal :( Muchas gracias por pasarte por el video y no olvides suscribirte, saludos!
hola buen video una pregunta se pueden cambiar las voces del asistente?
Hola! Gracias por el comentario! Si, es totalmente posible, tenes varias opciones para elegir! Saludos!
Cómo agrego maching learning para que valla aprendiendo todo lo que le diga.
Eso seria mas complicado y requeriría de un poco mas de conocimiento. La verdad que no se con exactitud como hacerlo pero seguro hay mas de un metodo! Saludos!
Lo intente hacer, pero no da el microfono, me aparece el error que "not allowed to load local resource"
Hola Amigo! Tienes descargadas las voces correctamente? Saludos y no olvides suscribirte para mas contenido!
Qué hago si al copiar el código no me sale entero como a ti? Me sale en una línea todo junto ayuda porfa :(
Hola, podrias enseñar a como pasarlo a una aplicacion para escritorio pls, (no se como decirlo para que me entiendas, pero espero que me entiendas)
Alguien sabe como seria para que diga fecha y hora ? :(
Cual es la pagina
no me funciona... a pesar de haber tomado el código del repositorio, estoy utilizando Microsoft Edge para ejecutarlo
Muy buen video me ayudo mucho gracias, pero como lo puedo poner que se abra otra pestaña? digamos que tengo una pagina que esta enlazada a otra como yo pongo que por medio del asistente se puede abrir esa otra pagina? me ayudaria mucho si me enseñas como hacerlo gracias.
Hola! Tendrias que hacer algo como
window.location.href = 'www.google.com';
para que te lleve a la URL donde esta la otra pagina, no se si esa es tu pregunta. Saludos y no olvides suscribirte!
¿En qué página lo realiza?
Hey cómo puedo hacer para que funcione en Android? Porfa...
Hola amigo, la verdad no lo probé para Android y por lo tanto no quiero recomendarte algo que no probé u hice. Saludos y cualquier otra duda escribime! No olvides suscribirte!
no me sale la notificacion para darle acceso al microfono que hago
Hola! Revisa que este bien el codigo, sobretodo en la parte del pedido de acceso al microfono. Saludos y no olvides suscribirte para mas!
Hola cómo puedo hacer un chatbot en javascript?
Hola! De una u otra forma esta es una manera de hacer un chatbot también, ya que con la correcta programación puede interactuar con el usuario. Saludos!
Si yo quiero hacer un programa local, osea que no esté en Google, se puede?
En este caso es local, solo corre en tu navegador hasta que no lo subas a un hosting. Saludos y no olvides suscribirte para no perderte ningun video!
una pregunta ¿se podría hacer en vez de en una pagina web en una app? Salu2
En este caso lo hicimos como una web, pero con modificaciones podria correr sin problemas en un mobil. Saludos y no olvides suscribirte para no perderte ningun video!
Hola buenas! No se por que no me funciona el boton para reconocer la voz, ni siquiera me sale la opción de habilitar el microfono! Un saludo!
Hola! Asegurate de que el codigo sea igual al que se explica en el video, en el caso de que todo este igual presiona f12 y mira la consola de Google, si algo no funciona deberia haber un error ahi, avisame y te sigo ayudando! Saludos y no olvides suscribirte!
@@ElTallerDeTD Pongo la consola, pulso el botón y no hace absolutamente nada
@@hugofusteer4267 Que extraño, entonces no te aparece nada en rojo en la consola? Tienes microfono en la computadora que estas usando? Intenta denuevo, si sigue sin funcionar te invito al discord del canal donde tal vez podamos darte una mejor ayuda!
Por fa urgente, no me aparece ni el botón para hablar ni el micrófono, creo que es porque no he instalado las voces
¿Cómo diablos le pongo la voces a la asistente se tiene que descargar la voces o como
Amigos ayuda!! lo descargue y lo probe pero no me funciono :c algun concejo o algo para revisar
Hola amigo! Copiaste todos los archivos correctamente? Que error te aparece? Saludos!
Hola, necesito que lea datos de una base de datos se puede. ?
Hola! Si, es totalmente posible! Saludos y no olvides suscribirte y compartir el video para ayudarme a seguir creciendo :D
@@ElTallerDeTD me lo podrías desarrollar ?
Hola amigo, no me dedico actualmente al desarrollo personalizado, lo invito a unirse al Discord de nuestra comunidad donde tal vez encuentre a otros seguidores con conocimientos como para poder desarrollarle el proyecto discord.gg/zXKTWfc
Gracias!! Me salvaste el parcial
Pero una cosita, no puedo cambiar la voz y está en otro idioma y no me reconoce algunas preguntas.
Cómo puedo hacerle?
Ya no, ya pude jaja
Hasta le agregué más funciones
Muchas gracias!!
@@AngelGarcia-fh6jo Genial! Cualquier cosa me avisas! Saludos y no olvides suscribirte!
@@AngelGarcia-fh6jo ¿Cómo lo hiciste?
y en texto?
Tengo que hacer un proyecto para mi instituto y pensé en un asistente virtual para la institución, ¿es muy difícil hacer un asistente como Alexa? ¿Que programas o que máquinas necesito? Gracias
Hola amigo, este proyecto que desarrollamos es bastante sencillo y creo que te puede servir para ese cometido, obvimente no tendra todas las funcionalidades que posee un asistente virtual como Alexa o Siri, pero podras agregarle cosas a tu gusto y estoy seguro que sorprendera a varios! Saludos y no olvides suscribirte!
¿Se puede utilizar esta asistente para trasladarla a una app propia y utilizarla tambien en celular?
Es un proyecti que quiero probar
Por supuesto, eres libre de usar el proyecto! Saludos y no olvides suscribirte para mas vídeos!
Qué pasa si quiero que aprenda por si misma la ia? Puedes hacer un vídeo acerca de esto por favor?
Para eso deberías profundizar en machine learning!
Hola hay modo de crear suena un poco ridículo pero crear una ia que aprenda siempre
Hola, existe la posibilidad de que se pueda convertir en una aplicacion descargable para PC?
Hola, habria que ver de alguna alternativa para hacer una aplicacion de escritorio con javascript, saludos!
Se puede descargar ya completó y con todo y comandos ? :C
Si! Tienes el link al codigo completo en la descripcion! Saludos y no olvides suscribirte y compartir el video para ayudarme a seguir creando contenido!
hola muy buen video alos que le de el Error Handling pueden utilizar el comando
try {
annyang.js
} catch (error) {
de esa manera y se solucionara y les funcionara
Gracias por el aporte Angel, un gran saludo!
Me gustaría que hicieras un inversor de DC/AC
Lo tendre en cuenta, saludos!
Tengo una duda no me pide permiso del microfono por que sera
Como le podria cambiar la voz ?
Hola! En el video lo explicamos, debes elegir una voz que tengas instalada en tu sistema operativo! No olvides suscribirte y compartir el video con tus amigos si te sirvió!
Yo me inspire a esto cuando en una cena con mi familia dije que seria tener una voz asistente que me ayude en mi dia a dia y con mi viejo charlabamos y a la vez haciamos una voz como que diria la asistente, tipo terminar de comer y amo, no olvide sepillarse los dientes. Y dije tengo que hacerlo
Exitos Gerson! Me alegro que esto te sirva para la idea!
Yo tengo una pregunta, también se puede hacer para celular?
Hola Cari! Si, solo habria que hacer hostear la pagina. Saludos y no olvides suscribirte para no perderte ningun futuro video!
@@ElTallerDeTD gracias!
hola que buen video una pregunta como puedo ejercutarlo
Hola! Como se muestra en el video lo ejecutamos en un navegador web, puedes hacerlo en cualquiera ya que el programa esta compuesto por Javascript y Html :D
Hola amigo, me ha llamado la atencion, en mi canal , te invito a q veas el asistente virtual que eh creado tambien, ahi explico su funcionamiento espero podramos cambiar ideas , aunque el lenguaje usado en el mio es diferente al tuto , saludos.
Hola! Estaria genial! Puedes pasarme el link si deseas :) No olvides suscribirte para estar al tanto de los proximos proyectos, saludos!
@@ElTallerDeTD este es el ultimo video q ha salido del programa czcams.com/video/hhensZqqut0/video.html
oye como abrimos el HTML
Hola! Lo abres con doble click y se abre un pestana en tu navegador. Saludos y no olvides suscribirte para no perderte ningun video!
Hola si me respondes esta pregunta me suscribo a tu canal
Como haces para ir a chrome y tener la asistente virtual ahí?
Hola amigo! Tienes que abrir el archivo .html que creamos en el proyecto! Saludos y no olvides suscribirte para mas videos de este tipo!
cual es la app que se utiliza?
Hola! Si te referis al editor de codigo utilizado para crear el proyecto es Visual Studio Code. Saludos y no olvides suscribirte y compartir el video para mas contenido de este estilo! :D
Saludo tengo error que me sale en la consola como que ko hay nada en el scripts, necesito ayuda
No se como hacer que hable ya que no tengo las voces instalada
Hola Christopher! Cual es el error exacto que le muestra la consola? Si puedes copialo y pegalo aqui, saludos y no olvides suscribirte!!
@@ElTallerDeTD mi error es que el programa se ejecuta, me sale lo del micrófono y pero cuando le digo el comando no habla , osea no se escucha la voz
@@ElTallerDeTD no carga la voces
@@christophermure4318 Copiaste el codigo correctamente? Verificaste que las voces esten instaladas? Saludos!
No sabes como hacer para que reproduzca un audio? :(
Yo en e un rato: KITT rastrea que nadie traiga armas en KITT: en seguida
Buenas una pregunta, Me preguntaba si se le podría cambiar la voz a la asistente, ponerle la voz de otra persona, y si se puede, como se hace, Oye man hiciste un excelente trabajo, te felicito. Saludos
Ward
amigo, como podria hacer para que el programa te escuche de una manera mas clara, hay veces que tienes que repetirle unas 4 veces para que entienda :c, pero de ahi todo perfecto, eres un crack
Habla bien, el programa no entiende indigenas😂😂😂😂
@@tequilation9992 ya veo, no te entiende el programa tampoco
@@ronaldochavez7147 compra un microfono decent3 y habla en español, no en peruano🤣🤣🤣🤣
Altas vibes de soy dalto
Buenas tardes, yo tengo un problema, yo segui todos los pasos pero cuando llego al minuto 20:28 trato de hacer la prueba y no me pide permiso el explorador para yo poder hacer la prueba, tampoco me funciona y en mi codigo cuando abri el de annyang decia el visual code que tiene mucho errores
help me!
Hola! Asegurate de descargar el repositorio correctamente y de agregar la ruta hacia la libreria de annyang. Si no funciona prueba haciendo todo desde el principio tan solo copiando y pegando para que simules cada paso, saludos!
@@ElTallerDeTD Lo hice asi lo que no copie fue el repositorio entero
@@darvinrodriguez5577 Que error especifico te tira el programa? Fijate en la consola de Chrome
@@ElTallerDeTD Ya no me aparece error se arreglo solo
Pero ahora me sale [Deprecation] speechSynthesis.speak() without user activation is no longer allowed since M71, around December 2018.
Que tan lardo tubo que ser el código de Alexa o de Cortana
hola me sale El siguiente error: asistente.js:18 Uncaught TypeError: Cannot read property '2' of undefined
at hola maria (asistente.js:18)
at P (annyang.min.js:12)
at SpeechRecognition.a.onresult (annyang.min.js:12)
hola maria @ asistente.js:18
P @ annyang.min.js:12
a.onresult @ annyang.min.js:12
¿Bro como puedo hacer para que busque cosas en google?
Hola amigo, habria que hacer cierta modificaciones extensas que no puedo explicar en este comentario jajaj Pero es posible! Saludos y no olvides suscribirte!
El Taller De TD ¿podrías hacer un video explicándolo o puedes decirme donde puedo saber? Por cierto buen video
Lo tendre en cuenta amigo, puedes encontrar informacion en google o preguntar dudas puntuales en stackoverlow, te sera de utilidad. Muchas gracias por comentar!
Hola... Muy buen video. Te hago una pregunta. A mi no me funciona por que me dice que(abriendo la inspeccion de pagina): annyang.addCommans no es una funcion. Te ha pasado algo similar?? El codigo esta igual que el tuyo y lo estoy probando en Chrome... Saludos
Fijate que debe ser Commands no Commans. No olvides suscribirte para estar al tanto de los proximos proyectos, saludos!
Me funciono muy bien, te felicito por el video, un unico detalle que tengo personalmete es que quiero agregar comandos para que abra paginas web y apps, he buscado pero no he encontrado nada concreto, sabes de algun metodo para lograrlo?
edit: logre hacer que abra nuevas pestañas usando comandos de voz
dejo el codigo:
'aqui va el comando de voz' : function abrirenpestana(url) {
var a = document.createElement("a");
a.target = "_blank";
a.href="aqui poner la url ";
a.click();
},
Muchas gracias!!!