apis

Comandos de voz en la web con JavaScript y Annyang - Demostración

Comandos de voz en la web con JavaScript y Annyang

Resumen: mostrar cómo controlar elementos en una página web usando la voz; es decir, implementar el reconocimiento de voz con JS para definir comandos de voz y ejecutar acciones (enviar un correo, mostrar un reporte, mostrar una gráfica, escribir texto) dependiendo de la acción.

Para el reconocimiento de acciones de voz en la web (o mejor dicho, en el navegador con JavaScript) vamos a usar la librería annyang que internamente utiliza la API de speech recognition.

Puedes ver lo que construiremos al final en este enlace.

Leer más »Comandos de voz en la web con JavaScript y Annyang

Reconocimiento de voz con JavaScript y webkitSpeechRecognition - Dictado por voz

Reconocimiento de voz en la web

  • by

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.

Leer más »Reconocimiento de voz en la web

Obtener Token de shortzon.com para consumir API

API de Shortzon con PHP

Para terminar una serie de posts sobre acortadores con PHP voy a exponer cómo acortar enlaces usando la API de shortzon.com.

En caso de que no lo sepas, shortzon.com permite acortar enlaces y ganar dinero cada que alguien los visita y salta la publicidad.

Hoy veremos cómo consumir la API que ofrece usando PHP, para integrarla en cualquier sistema.

Leer más »API de Shortzon con PHP

Obtener token de shrinkme.io para acortar con PHP

Shrinkme.io con PHP: consumo de API

En este post veremos cómo consumir la API del acortador shrinkme.io usando PHP.

Por si no lo sabes, la web de shrinkme.io es una web de acortadores, es decir, te registras, acortas un enlace, lo compartes y ganas dinero cada que alguien lo visita y salta la publicidad.

En fin, no vamos a ver las ventajas o desventajas de shrinkme.io; vamos a ver cómo acortar enlaces de este servicio usando la API que ofrecen, haciendo el consumo desde PHP.

Leer más »Shrinkme.io con PHP: consumo de API

Token de API para Acortar enlace con shorte.st y PHP

Acortar enlace con shorte.st y PHP

En este post te voy a enseñar a acortar enlace con shorte.st y PHP o mejor dicho, consumir la API del sitio web shorte.st utilizando PHP. El sitio shorte.st es un sitio web de acortadores, que paga cuando alguien visita tus enlaces.

No voy a entrar en detalles, pues si estás aquí es porque quieres saber cómo acortar un enlace con shorte.st usando PHP; que es justo lo que veremos hoy.

Leer más »Acortar enlace con shorte.st y PHP

Demostración de reCAPTCHA v2 con PHP

reCAPTCHA v2 con PHP – Ejemplo de integración

Integrar reCAPTCHA v2 con PHP en formulario

En este post te enseñaré a integrar el servicio llamado reCAPTCHA v2 con PHP, el cual es un simple captcha o checkbox de “no soy un robot” en un formulario HTML.

También te enseñaré a verificarlo con PHP del lado del servidor.

El servicio que vamos a integrar es reCAPTCHA v2, el cual funciona en varios lenguajes de servidor, pues se consume usando HTTP; hoy veremos cómo hacerlo en PHP.

Veremos un ejemplo del formulario y de la comprobación en el lado del servidor.

También dejaré una demostración. Al final tendremos algo como lo del gif:

Demostración de reCAPTCHA v2 con PHP

Formulario de Bootstrap 4 con reCAPTCHA v2 y PHP

Leer más »reCAPTCHA v2 con PHP – Ejemplo de integración

Enviar JSON con PHP

Petición HTTP con PHP – enviar JSON y formulario

Hacer petición HTTP POST en PHP

En este post te mostraré a usar PHP para hacer una petición a través de HTTP usando el método POST. Veremos cómo enviar datos de formulario y cómo enviar JSON.

Normalmente PHP se utiliza como servidor para servir y atender peticiones, pero de igual forma se puede usar como cliente para consumir otros servicios.

Por poner un ejemplo, me viene a la mente aquella ocasión en la que acortamos enlaces con coinhive.

Las funciones que veremos son:

  1. http_build_query
  2. stream_context_create
  3. file_get_contents
  4. json_encode

Verás que será muy sencillo. Las peticiones serán hechas a httpbin.org, un sitio que sirve como espejo para indicar lo que le enviamos, perfecto para probar.

Leer más »Petición HTTP con PHP – enviar JSON y formulario

Obtener actualizaciones de ubicación con JavaScript

Resumen: en este post te mostraré a escuchar el cambio de ubicación de un dispositivo con JavaScript. Por ejemplo, vigilar el cambio de ubicación en un dispositivo móvil cuando el usuario se mueve, camina o conduce.

Vamos a usar JavaScript y la API ofrecida a través de navigator.geolocation. Concretamente veremos la función watchPosition.

Actualizaciones de ubicación con JavaScript y geolocation API

Nota: recomiendo primero dar un repaso por mi otro post para ver la introducción al acceso a la ubicación desde JavaScript.

Si quieres ver lo que haremos al final del tutorial, puedes ver esta demostración. También puedes ver el repositorio en GitHub.

Leer más »Obtener actualizaciones de ubicación con JavaScript

Acceder a la ubicación con JavaScript

Resumen: en este post vamos a ver cómo obtener la ubicación del usuario (coordenadas) usando JavaScript.

Gracias a este método podremos obtener la ubicación precisa de un teléfono, tableta o computadora, pues mientras se cuente con un navegador actualizado y GPS o internet se puede obtener la latitud y longitud de un dispositivo.

Para acceder a la ubicación con JavaScript vamos a usar navigator.geolocation y su método getCurrentPosition.

También vamos a manejar los permisos de acceso a la ubicación desde el navegador.

Puedes acceder a la demostración aquí, y al repositorio en GitHub aquí.

Leer más »Acceder a la ubicación con JavaScript