Ejemplos de aplicación web progresiva

La Web Apps progresiva (PWA) de ejemplo muestra cómo usar características y API que pueden mejorar progresivamente la aplicación cuando se instala en un dispositivo.

Para obtener información general sobre la mayoría de los ejemplos de PWA, consulte Web Apps progresiva (PWA) en léame para el repositorio "MicrosoftEdge/Demo".

El primer ejemplo que se va a usar al empezar es el ejemplo de convertidor de temperatura.

Consulte el archivo Léame para obtener un ejemplo determinado. Algunos ejemplos requieren configuración y no funcionan si simplemente hace clic en el vínculo de demostración de GitHub.io de la aplicación.

Los ejemplos siguientes se encuentran en un repositorio distinto del repositorio "MicrosoftEdge/Demo".

BPM Techno

BPM Techno analiza el audio a través del micrófono del dispositivo y muestra un contador de latidos por minuto (BPM) en tiempo real.

La aplicación BPM Techno

Léame y código fuente, App.

Esta demostración se encuentra en el repositorio webmaxru/bpm-counter .

BPM Techno usa las siguientes características:

Característica Descripción Documentación
Accesos directos BPM Techno define un acceso directo que permite a los usuarios cargar un archivo de audio en la aplicación. Definición de accesos directos de la aplicación (menús de pulsación larga o clic con el botón derecho)
Control de archivos BPM Techno controla *.mp3 los archivos de forma nativa. Controlar archivos en un PWA
Compartir destino Otras aplicaciones pueden compartir archivos de audio con BPM Techno, a través del cuadro de diálogo de uso compartido del sistema operativo. Recepción de contenido compartido
Control de protocolos La aplicación controla web+bpm: los URI que se pueden usar para enviar vínculos a una canción que se va a analizar. Control de protocolos en una PWA

Webboard

Webboard es una aplicación de dibujo.

Webboard es una aplicación web progresiva para dibujar y pizarra inteligente

Léame y código fuente, App.

Esta demostración se encuentra en el repositorio pwa-builder/web-whiteboard .

Webboard usa las siguientes características:

Característica Descripción Documentación
Recurso compartido web Los dibujos se pueden compartir con otras aplicaciones a través del cuadro de diálogo de uso compartido del sistema operativo. Uso compartido de contenido

Consulte también