Reconocimiento de voz en la web

Resumen: mostrar cómo usar la API de reconocimiento de voz (webkitSpeechRecognition) con JavaScript, de tal manera que el navegador pueda entender nuestra voz y pueda transcribirla (es decir, convertir voz a texto). Me emociona hacer otro tutorial sobre las API de JS. Ya vimos cómo tomar una foto, grabar un vídeo, grabar audio o convertir texto a voz. Ahora voy a mostrarte cómo usar el reconocimiento de voz en la web con JavaScript, de una manera fácil. ...

diciembre 2, 2019 · 4 min · 799 palabras · Parzibyte

jQuery - Seleccionar elementos creados dinámicamente

Resumen: mostrar cómo seleccionar (con un selector de jQuery) elementos que son creados o dibujados de manera dinámica con jQuery. Como sabemos, podemos seleccionar elementos que ya existen, usando un selector como cuando usamos querySelector. Por ejemplo: $(".producto") O también: $("#nombreUsuario") El problema viene cuando dibujamos los datos de manera dinámica (por ejemplo usando AJAX) y debemos agregar un listener dinámico. ...

noviembre 28, 2019 · 2 min · 231 palabras · Parzibyte

CSS - Ocultar elemento pero mantener espacio

Resumen: usar CSS para hacer un elemento invisible pero que siga en el DOM ocupando su espacio. ...

noviembre 27, 2019 · 1 min · 142 palabras · Parzibyte

Angular, PHP y MySQL - CRUD

Resumen: en este post te mostraré cómo consumir una base de datos de MySQL con Angular, usando PHP como lenguaje de servidor y AJAX (con el módulo HttpClient de Angular) para enviar los datos. Para los estilos vamos a usar Angular Material. Puedes ver el código en GitHub y una demostración con su explicación en el siguiente vídeo: ...

noviembre 26, 2019 · 10 min · 2100 palabras · Parzibyte

Ejemplo de formulario con Angular

Resumen: en este post te mostraré un ejemplo simple de un formulario con Angular, en donde ligamos a un valor del componente con la vista del formulario. En Angular existen dos tipos de formularios, los que son formularios reactivos (Reactive form) y los que son basados en plantillas (Template driven forms). Hoy veremos un ejemplo de un Template driven form en Angular, que si vienes de AngularJS (o apenas estás comenzando) vas a entenderlo muy bien. Si quieres puedes probar el resultado final aquí, y ver el código de todo el proyecto aquí. ...

noviembre 25, 2019 · 3 min · 636 palabras · Parzibyte

Variables del entorno con Angular

Resumen: aprender a usar las variables del entorno de angular usando archivo environment.prod.ts y environment.ts para diferenciar entre entorno de producción y entorno de desarrollo. ...

noviembre 25, 2019 · 2 min · 360 palabras · Parzibyte

Descargar música de YouTube con youtube-dl

Resumen: segundo post sobre youtube-dl en donde te muestro cómo descargar vídeos de YouTube y convertirlos un formato de audio usando ffmpeg. En este post vas a aprender a descargar el audio de vídeos de YouTube usando la herramienta youtube-dl y ffmpeg para realizar la conversión. De hecho lo que se hace es descargar el vídeo y convertirlo a MP3 o M4a (no he probado otros formatos). ...

noviembre 22, 2019 · 2 min · 379 palabras · Parzibyte

Imprimir código QR en impresora térmica

Resumen: en este post te mostraré cómo imprimir códigos QR legibles en una impresora térmica (también llamada ticketera, impresora de tickets, pos printer, etcétera) usando un plugin gratis. Si has seguido mis posts sabrás que hace tiempo desarrollé un plugin y que poco a poco le he agregado características nuevas, hasta llegar al día de hoy en donde imprimimos códigos QR en una thermal printer desde JavaScript, Python, Java y muchos otros lenguajes. Nota: puedes ver la versión en inglés aquí. ...

noviembre 22, 2019 · 2 min · 423 palabras · Parzibyte

youtube-dl: descargar con búsqueda

Resumen: usar youtube-dl para descargar vídeos o canciones de resultados de una búsqueda de YouTube, evitando buscar manualmente el enlace de YouTube. Este es mi tercer post sobre la herramienta youtube-dl, en este tutorial vas a aprender cómo buscar en YouTube desde la herramienta y automáticamente descargar los primeros N resultados. Por ejemplo si quieres descargar los primeros 10 resultados de “tutorial php con mysql” puedes usar lo que te mostraré hoy. ...

noviembre 22, 2019 · 2 min · 374 palabras · Parzibyte

Instalar FFmpeg en Windows y agregar a PATH

Resumen: instalar FFmpeg en Windows y agregar el ejecutable ffmpeg.exe, ffplay.exe y ffprobe.exe a la PATH para ejecutarlos desde cualquier lugar. A través del post te mostraré cómo descargar el zip de ffmpeg en la última versión así como agregar el directorio bin a la PATH. ...

noviembre 21, 2019 · 2 min · 260 palabras · Parzibyte