Pausar animações

O emulador Android, fluido no seu navegador.

Um comando para instalar. Não requer Android Studio.

ComeçarGitHub

droid.devpier.dev/app/

Demonstração ao vivo

Seu emulador, em uma aba do navegador

Escolha uma tela ou deslize para os lados. No seu Mac, cada clique e cada arraste vão para o emulador de verdade.

1. 01Tela inicial
2. 02Abrir Configurações
3. 03Rolar uma lista

Como funciona

Três programas, todos no seu Mac

O gateway lê quadros do emulador oficial do Android via gRPC e memória compartilhada, e os envia para a página por um WebSocket em 127.0.0.1. Toques, deslizes e teclas voltam pelo mesmo caminho.

• NavegadorAba do Chrome ou do Edge
• Gatewayandroid-emu-web em 127.0.0.1
• EmuladorEmulador oficial do Android

• Quadros da tela: RGBA bruto via memória compartilhada, depois WebSocket
• Toques, deslizes e teclas: WebSocket, depois gRPC

Taxa de quadros mediana

60fps

Latência do toque p50

20ms

Latência do toque p90

30ms

Medido em um Mac M4 com um dispositivo virtual Pixel 5 API 34 (1080×2340) no Chrome 157, transporte de quadros rgba-mmap, 16 deslizes consecutivos e 30 toques. Seus números dependem do seu Mac, do dispositivo e do navegador. Desempenho medido

O que ele faz

Tudo o que você usa na janela do emulador

• 01

  Tela em resolução total

  Os quadros são capturados no tamanho do canvas vezes a densidade de pixels da tela: 1080×2340 em uma tela Retina, não uma cópia borrada pela metade do tamanho.

• 02

  Toque, deslize e digite

  Clique para tocar, arraste para deslizar, digite no teclado do seu Mac. Voltar, Início e Recentes ficam acima da tela.

• 03

  Área de transferência nos dois sentidos

  Cmd+V cola a partir do seu Mac. O texto copiado dentro do Android vai para a área de transferência do seu Mac. Chinês e outros textos não ASCII passam pela área de transferência.

• 04

  Inicie e pare dispositivos

  Liste seus dispositivos virtuais Android, inicie um, pare-o ou assuma o controle de um emulador que já está em execução.

• 05

  Girar, volume, captura de tela

  Botões do dispositivo para rotação, volume e liga/desliga. As capturas de tela são salvas como arquivos PNG em resolução total.

• 06

  Roda de rolagem

  A rolagem pela roda do mouse e pelo trackpad vira deslizes curtos no dispositivo, então listas longas rolam como você espera.

Por que usar

Fatos que você pode verificar

1. 127.0.0.1

   Os quadros ficam no seu Mac

   O gateway escuta apenas no loopback. Outros computadores não conseguem alcançá-lo, e nenhum quadro passa pela internet.

   Segurança
2. SDK

   O emulador oficial do Android

   Ele roda o emulador e as imagens de sistema do Google do Android SDK, os mesmos que o Android Studio usa. Se você já tem o SDK, o gateway o utiliza.

   Requisitos
3. 1.24×

   CPU próxima à do scrcpy

   Durante 16 deslizes consecutivos em um Mac M4 (dispositivo virtual Pixel 5 API 34, 1080×2340, Chrome 157, transporte rgba-mmap), o emulador, o gateway e o Chrome juntos usaram 257% de CPU. O scrcpy, medido da mesma forma com o mesmo emulador, usou 208%.

   Desempenho medido
4. MIT

   Código aberto

   Cada linha do gateway e da página está no GitHub sob a licença MIT.

   github.com/twosugar/android-emu-web

Comparação

Como ele se diferencia de outras formas de ver um emulador

Apenas diferenças que você pode verificar. Cada ferramenta é boa naquilo para que foi criada.

Pergunta	android-emu-web	Emulador do Android Studio	scrcpy	Emuladores na nuvem (ex.: Appetize)
Onde o Android roda	Emulador oficial no seu Mac	Emulador oficial no seu Mac	Um dispositivo ou emulador que você conecta	Os servidores do fornecedor
Onde você o vê	Uma aba do Chrome ou do Edge	A janela Running Devices do Android Studio, ou a própria janela do emulador	Uma janela de app de desktop	Uma aba do navegador
Precisa do Android Studio	Não; precisa do gateway, do emulador e de uma imagem de sistema	Sim, para a visualização Running Devices	Não	Não
Como os quadros trafegam	Quadros RGBA brutos via 127.0.0.1	Janela do emulador ou Android Studio, ambos no seu Mac	Vídeo H.264	Vídeo pela internet
Preço	Gratuito, licença MIT	Gratuito	Gratuito, licença Apache-2.0	Planos pagos

Começar

Três passos até o seu primeiro quadro

1. 1

   Confira seu Mac

   Um Mac com Apple Silicon, Chrome ou Edge, e o emulador Android com uma imagem de sistema arm64.

   Requisitos
2. 2

   Instale o gateway

   Execute isto no Terminal. Ele salva um único executável em ~/.local/bin.

   $ curl -fsSL https://droid.devpier.dev/install.sh | shcurl -fsSL https://droid.devpier.dev/install.sh | sh

   Copiar

   Guia de instalação
3. 3

   Inicie-o

   Execute android-emu-web. Ele abre a página no seu navegador e mostra o emulador em execução.

   Primeira execução

Ler a documentaçãoDar uma estrela no GitHub