Mettre en pause les animations

L’émulateur Android, fluide dans votre navigateur.

Une seule commande pour l’installer. Android Studio n’est pas nécessaire.

CommencerGitHub

droid.devpier.dev/app/

Démo en direct

Votre émulateur, dans un onglet du navigateur

Choisissez un écran ou balayez sur le côté. Sur votre Mac, chaque clic et chaque glissement vont au vrai émulateur.

1. 01Écran d’accueil
2. 02Ouvrir les Paramètres
3. 03Faire défiler une liste

Fonctionnement

Trois programmes, tous sur votre Mac

La passerelle lit les images de l’émulateur Android officiel via gRPC et la mémoire partagée, puis les envoie à la page par un WebSocket sur 127.0.0.1. Les appuis, balayages et frappes au clavier font le chemin inverse de la même façon.

• NavigateurOnglet Chrome ou Edge
• Passerelleandroid-emu-web sur 127.0.0.1
• ÉmulateurÉmulateur Android officiel

• Images de l’écran : RGBA brut via la mémoire partagée, puis WebSocket
• Appuis, balayages et touches : WebSocket, puis gRPC

Fréquence d’images médiane

60fps

Latence d’appui p50

20ms

Latence d’appui p90

30ms

Mesuré sur un Mac M4 avec un appareil virtuel Pixel 5 API 34 (1080×2340) dans Chrome 157, transport d’images rgba-mmap, 16 balayages enchaînés et 30 appuis. Vos chiffres dépendent de votre Mac, de l’appareil et du navigateur. Performances mesurées

Ce qu’il fait

Tout ce que vous utilisez dans la fenêtre de l’émulateur

• 01

  Écran en pleine résolution

  Les images sont capturées à la taille du canvas multipliée par le ratio de pixels de l’écran : 1080×2340 sur un écran Retina, pas une copie floue à moitié de la taille.

• 02

  Appuyer, balayer et taper

  Cliquez pour appuyer, faites glisser pour balayer, tapez sur le clavier de votre Mac. Retour, Accueil et Récents se trouvent au-dessus de l’écran.

• 03

  Presse-papiers dans les deux sens

  Cmd+V colle depuis votre Mac. Le texte copié dans Android arrive dans le presse-papiers de votre Mac. Le chinois et les autres textes non ASCII passent par le presse-papiers.

• 04

  Démarrer et arrêter des appareils

  Listez vos appareils virtuels Android, démarrez-en un, arrêtez-le ou prenez la main sur un émulateur déjà en cours d’exécution.

• 05

  Rotation, volume, capture d’écran

  Boutons de l’appareil pour la rotation, le volume et l’alimentation. Les captures d’écran sont enregistrées en fichiers PNG en pleine résolution.

• 06

  Molette de défilement

  Le défilement à la molette et au trackpad devient de courts balayages sur l’appareil, pour que les longues listes défilent comme vous vous y attendez.

Pourquoi l’utiliser

Des faits que vous pouvez vérifier

1. 127.0.0.1

   Les images restent sur votre Mac

   La passerelle écoute uniquement sur l’interface de bouclage (loopback). Les autres ordinateurs ne peuvent pas l’atteindre, et aucune image ne passe par Internet.

   Sécurité
2. SDK

   L’émulateur Android officiel

   Il utilise l’émulateur et les images système de Google issus de l’Android SDK, les mêmes qu’Android Studio. Si vous avez déjà le SDK, la passerelle l’utilise.

   Configuration requise
3. 1.24×

   Une charge CPU proche de scrcpy

   Pendant 16 balayages enchaînés sur un Mac M4 (appareil virtuel Pixel 5 API 34, 1080×2340, Chrome 157, transport rgba-mmap), l’émulateur, la passerelle et Chrome ont utilisé ensemble 257 % de CPU. scrcpy, mesuré de la même façon avec le même émulateur, a utilisé 208 %.

   Performances mesurées
4. MIT

   Open source

   Chaque ligne de la passerelle et de la page est sur GitHub sous licence MIT.

   github.com/twosugar/android-emu-web

Comparaison

Ce qui le distingue des autres façons de voir un émulateur

Uniquement des différences que vous pouvez vérifier. Chaque outil est bon dans ce pour quoi il a été conçu.

Question	android-emu-web	Émulateur d’Android Studio	scrcpy	Émulateurs dans le cloud (p. ex. Appetize)
Où tourne Android	Émulateur officiel sur votre Mac	Émulateur officiel sur votre Mac	Un appareil ou un émulateur que vous connectez	Les serveurs du fournisseur
Où vous le voyez	Un onglet Chrome ou Edge	La fenêtre Running Devices d’Android Studio, ou la fenêtre propre de l’émulateur	Une fenêtre d’application de bureau	Un onglet du navigateur
Nécessite Android Studio	Non ; nécessite la passerelle, l’émulateur et une image système	Oui, pour la vue Running Devices	Non	Non
Comment circulent les images	Images RGBA brutes via 127.0.0.1	Fenêtre de l’émulateur ou Android Studio, tous deux sur votre Mac	Vidéo H.264	Vidéo via Internet
Prix	Gratuit, licence MIT	Gratuit	Gratuit, licence Apache-2.0	Offres payantes

Commencer

Trois étapes jusqu’à votre première image

1. 1

   Vérifiez votre Mac

   Un Mac avec Apple Silicon, Chrome ou Edge, et l’émulateur Android avec une image système arm64.

   Configuration requise
2. 2

   Installez la passerelle

   Exécutez ceci dans Terminal. Cela enregistre un unique fichier exécutable dans ~/.local/bin.

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

   Copier

   Guide d’installation
3. 3

   Lancez-la

   Exécutez android-emu-web. La passerelle ouvre la page dans votre navigateur et affiche l’émulateur en cours d’exécution.

   Premier lancement

Lire la documentationAjouter une étoile sur GitHub