Pausar animaciones

El emulador de Android, fluido en tu navegador.

Un solo comando para instalar. No requiere Android Studio.

ComenzarGitHub

droid.devpier.dev/app/

Demo en vivo

Tu emulador, en una pestaña del navegador

Elige una pantalla o desliza hacia los lados. En tu Mac, cada clic y cada arrastre llegan al emulador real.

1. 01Pantalla de inicio
2. 02Abrir Configuración
3. 03Desplazar una lista

Cómo funciona

Tres programas, todos en tu Mac

El gateway lee los fotogramas del emulador oficial de Android mediante gRPC y memoria compartida, y los envía a la página por un WebSocket en 127.0.0.1. Los toques, deslizamientos y teclas viajan de vuelta por el mismo camino.

• NavegadorPestaña de Chrome o Edge
• Gatewayandroid-emu-web en 127.0.0.1
• EmuladorEmulador oficial de Android

• Fotogramas de pantalla: RGBA sin procesar por memoria compartida, luego WebSocket
• Toques, deslizamientos y teclas: WebSocket, luego gRPC

Mediana de fotogramas por segundo

60fps

Latencia del toque p50

20ms

Latencia del toque p90

30ms

Medido en una Mac con M4 con un dispositivo virtual Pixel 5 API 34 (1080×2340) en Chrome 157, transporte de fotogramas rgba-mmap, 16 deslizamientos consecutivos y 30 toques. Tus números dependen de tu Mac, del dispositivo y del navegador. Rendimiento medido

Qué hace

Todo lo que usas en la ventana del emulador

• 01

  Pantalla a resolución completa

  Los fotogramas se capturan al tamaño del lienzo multiplicado por la relación de píxeles de la pantalla: 1080×2340 en una pantalla Retina, no una copia borrosa a la mitad de tamaño.

• 02

  Toca, desliza y escribe

  Haz clic para tocar, arrastra para deslizar, escribe con el teclado de tu Mac. Atrás, Inicio y Recientes están sobre la pantalla.

• 03

  Portapapeles en ambas direcciones

  Cmd+V pega desde tu Mac. El texto copiado dentro de Android llega al portapapeles de tu Mac. El chino y otro texto no ASCII pasan por el portapapeles.

• 04

  Inicia y detén dispositivos

  Lista tus dispositivos virtuales Android, inicia uno, detenlo o toma el control de un emulador que ya está en ejecución.

• 05

  Rotación, volumen, capturas

  Botones del dispositivo para rotación, volumen y encendido. Las capturas de pantalla se guardan como archivos PNG a resolución completa.

• 06

  Rueda de desplazamiento

  El desplazamiento con la rueda y el trackpad se convierte en deslizamientos cortos en el dispositivo, así que las listas largas se desplazan como esperas.

Por qué usarlo

Hechos que puedes comprobar

1. 127.0.0.1

   Los fotogramas se quedan en tu Mac

   El gateway escucha solo en loopback. Otras computadoras no pueden llegar a él, y ningún fotograma viaja por internet.

   Seguridad
2. SDK

   El emulador oficial de Android

   Ejecuta el emulador y las imágenes de sistema de Google del Android SDK, los mismos que usa Android Studio. Si ya tienes el SDK, el gateway lo usa.

   Requisitos
3. 1.24×

   CPU cercana a la de scrcpy

   Durante 16 deslizamientos consecutivos en una Mac con M4 (dispositivo virtual Pixel 5 API 34, 1080×2340, Chrome 157, transporte rgba-mmap), el emulador, el gateway y Chrome juntos usaron 257% de CPU. scrcpy, medido de la misma forma con el mismo emulador, usó 208%.

   Rendimiento medido
4. MIT

   Código abierto

   Cada línea del gateway y de la página está en GitHub bajo la licencia MIT.

   github.com/twosugar/android-emu-web

Comparación

En qué se diferencia de otras formas de ver un emulador

Solo diferencias que puedes comprobar. Cada herramienta es buena en aquello para lo que fue creada.

Pregunta	android-emu-web	Emulador de Android Studio	scrcpy	Emuladores en la nube (p. ej., Appetize)
Dónde se ejecuta Android	Emulador oficial en tu Mac	Emulador oficial en tu Mac	Un dispositivo o emulador que conectas	Los servidores del proveedor
Dónde lo ves	Una pestaña de Chrome o Edge	La ventana Running Devices de Android Studio, o la ventana propia del emulador	Una ventana de aplicación de escritorio	Una pestaña del navegador
Necesita Android Studio	No; necesita el gateway, el emulador y una imagen de sistema	Sí, para la vista Running Devices	No	No
Cómo viajan los fotogramas	Fotogramas RGBA sin procesar a través de 127.0.0.1	Ventana del emulador o Android Studio, ambos en tu Mac	Video H.264	Video por internet
Precio	Gratis, licencia MIT	Gratis	Gratis, licencia Apache-2.0	Planes de pago

Comenzar

Tres pasos hasta tu primer fotograma

1. 1

   Revisa tu Mac

   Una Mac con Apple Silicon, Chrome o Edge, y el emulador de Android con una imagen de sistema arm64.

   Requisitos
2. 2

   Instala el gateway

   Ejecuta esto en Terminal. Guarda un único ejecutable en ~/.local/bin.

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

   Copiar

   Guía de instalación
3. 3

   Inícialo

   Ejecuta android-emu-web. Abre la página en tu navegador y muestra el emulador en ejecución.

   Primera ejecución

Leer la documentaciónDar una estrella en GitHub