Texto a voz con JavaScript y la API de speechSynthesis

En este post vamos a ver cómo usar la API de speechSynthesis con JavaScript, presente en la mayoría de los navegadores web. Esto permitirá hacer un conversor de texto a voz con JS, sin librerías externas ni frameworks. La tecnología TTS, Text to speech, texto a voz o síntesis de voz es algo que permite convertir texto a habla, es decir, ingresamos el texto y luego escuchamos una voz que lo “lee”. Gracias a esta API de speechSynthesis con JavaScript podemos agregar más funcionalidades a nuestras aplicaciones web, y hay buenas noticias, pues funciona (al momento de escribir esto) en Chrome, Firefox y Edge. También en Android usando Chrome y Firefox. Veamos entonces cómo consumir esta API. ...

mayo 6, 2019 · 5 min · 1027 palabras · Parzibyte

Tomar foto de cámara web con JavaScript y descargarla como imagen

En mi blog he hecho varios posts sobre tomar fotos con la cámara web desde JavaScript, para enviarlas a PHP; pero nunca he hecho un ejemplo sin usar PHP. Es por ello que hoy voy a explicar cómo tomar una foto de la cámara web (igualmente de la cámara trasera o delantera en los dispositivos compatibles) y guardarla o descargarla directamente como archivo, sin usar código del servidor. El código para tomar la foto funciona en varios dispositivos con un navegador actualizado, desde teléfonos y tabletas Android, iPads y más. ...

mayo 6, 2019 · 5 min · 1012 palabras · Parzibyte

Generador de multiplicaciones online para imprimir y resolver

He creado un generador de multiplicaciones aleatorias, en donde se presiona un botón y se generan multiplicaciones para imprimirlas y resolverlas, funciona totalmente en línea y se pueden personalizar los números. ...

mayo 4, 2019 · 2 min · 327 palabras · Parzibyte

Laravel: Mover elemento de una tabla a otra

En este post voy a explicar cómo mover un registro de una tabla de la base de datos a otra tabla, moviendo los datos porque se van a eliminar de una tabla para pasarlos a otra. Todo esto vamos a hacerlo con Laravel y Eloquent, es decir, a través de los modelos de Laravel. Aunque en este post se muestra cómo mover un elemento, puedes igualmente copiarlo omitiendo la parte en donde se elimina el original. ...

abril 26, 2019 · 2 min · 365 palabras · Parzibyte

Laravel: Obtener id de último elemento insertado con Eloquent

En este artículo voy a explicar cómo obtener el id del último elemento insertado en una tabla (en mi caso lo hice con una base de datos de MySQL pero debería funcionar en otros motores) a través de Eloquent, usando el framework Laravel. Obtener el último id insertado sirve cuando tenemos relaciones en nuestras bases de datos, y para crear la relación correcta necesitamos saber cuál es el id del elemento que acabamos de insertar. Nota: ya hicimos esto con CodeIgniter. ...

abril 25, 2019 · 2 min · 286 palabras · Parzibyte

Poner marca de agua a imágenes con PHP

En este post voy a explicar y demostrar cómo se pueden poner marcas de agua con PHP utilizando las funciones de la librería GD. Vamos a ver cómo poner la marca de agua en distintas posiciones (arriba a la izquierda, arriba a la derecha, centrada horizontal y verticalmente) y cómo modificar la opacidad de la marca de agua. En la imagen de arriba se puede notar que he colocado una marca de agua de una “terminal” sobre una captura de código C (es sobre el post de generar números aleatorios con C). He elegido estas dos imágenes porque el dueño soy yo, así que no pueden existir reclamaciones de derechos de autor y esas cosas que dan pereza. Nota: recuerda que hace tiempo publiqué WaterPy, una aplicación similar pero escrita en Python. ...

abril 23, 2019 · 7 min · 1306 palabras · Parzibyte

Impresión de tickets con sistema de ventas Sublime POS 3

Al hacer ventas o apartados se suele dar un ticket o comprobante de venta al cliente. Con Sublime POS 3 esto es muy fácil de hacer, además de que se pueden reimprimir los tickets en caso de que sea necesario. Antes de leer esto te invito a ver cómo hacer ventas al contado y apartados. ...

abril 15, 2019 · 2 min · 285 palabras · Parzibyte

Aplicación web para tomar notas con JavaScript, Vue.js, Bootstrap y localStorage

Hace algún tiempo creé una aplicación web como un ejercicio para aplicar para un trabajo. Decidí hacerla con Vue.js, Bootstrap y localStorage en conjunto. Al final resultó en algo como lo de la imagen: Es una simple aplicación de notas que puedes crear, eliminar, editar y listar. También se puede cambiar el color de todas las notas (fue un requisito, no cosa mía, así como el idioma). ...

abril 13, 2019 · 3 min · 468 palabras · Parzibyte

¿Cómo usar los iconos gratuitos de Flaticon?

En este artículo voy a explicar cómo descargar y usar los iconos gratuitos de flaticon, sobre todo voy a mostrar cómo atribuir el trabajo al autor, para que podamos usar los iconos de manera gratuita incluso para proyectos comerciales. He usado estos iconos en muchos de mis proyectos, por ejemplo, Sublime POS o el CRUD de mascotas con Android. ...

abril 12, 2019 · 3 min · 490 palabras · Parzibyte

Cambiar el precio de productos al vender con punto de venta Sublime POS 3

¿No te ha pasado que estás a punto de vender pero el cliente quiere un cambio en el precio de los productos? por ejemplo, tienes a un cliente común que quiere un pequeño descuento en el producto pero no puedes ir a la administración de productos porque sería tardado. Afortunadamente el punto de venta gratuito Sublime POS 3 soluciona este inconveniente y permite cambiar el precio de venta de los productos. En este post explicaré cómo se hace y por qué es seguro hacerlo incluso si dejamos el negocio en manos de una tercera persona. ...

abril 10, 2019 · 2 min · 293 palabras · Parzibyte