Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Os PWAs (Aplicativos Web Progressivos) de exemplo mostram como usar recursos e APIs que podem aprimorar progressivamente seu aplicativo quando instalados em um dispositivo.
Para obter uma visão geral da maioria dos exemplos de PWA, confira PWAs (Aplicativos Web Progressivos) no Leiame do repositório "MicrosoftEdge / Demo".
O primeiro exemplo a ser usado ao começar é o exemplo do conversor de temperatura.
Consulte o arquivo Leiame para obter um determinado exemplo. Alguns exemplos exigem configurar e não funcionam se você simplesmente clicar no link de demonstração do GitHub.io do aplicativo.
Os exemplos a seguir estão em um repositório diferente do repositório "MicrosoftEdge / Demo".
BPM Techno
O BPM Techno analisa o áudio através do microfone do dispositivo e exibe um contador de batimentos por minuto (BPM) em tempo real.
Esta demonstração está no repositório webmaxru / bpm-counter .
O BPM Techno usa os seguintes recursos:
| Recurso | Descrição | Documentação |
|---|---|---|
| Atalhos | O BPM Techno define um atalho que permite aos usuários fazer upload de um arquivo de áudio no aplicativo. | Definir atalhos do aplicativo (menus de pressionamento longo ou clique com o botão direito do mouse) |
| Manipulação de arquivos | O BPM Techno lida nativamente com *.mp3 arquivos. |
Manipular arquivos em um PWA |
| Compartilhar Destino | Outros aplicativos podem compartilhar arquivos de áudio com o BPM Techno, através da caixa de diálogo de compartilhamento do sistema operacional. | Recebendo conteúdo compartilhado |
| Tratamento de protocolo | O aplicativo lida com web+bpm: URIs que podem ser usados para enviar links para uma música a ser analisada. |
Lidar com protocolos em um PWA |
Webboard
Webboard é um aplicativo de desenho.
Esta demonstração está no repositório pwa-builder / web-whiteboard .
O Webboard usa os seguintes recursos:
| Recurso | Descrição | Documentação |
|---|---|---|
| Web Share | Os desenhos podem ser compartilhados com outros aplicativos por meio da caixa de diálogo compartilhamento do sistema operacional. | Compartilhamento de conteúdo |
Consulte também
- Clone o repositório "MicrosoftEdge / Demos" para sua unidade em Código de exemplo para DevTools.