Приостановить анимацию

Эмулятор Android — плавно, прямо в браузере.

Установка одной командой. Android Studio не требуется.

НачатьGitHub

droid.devpier.dev/app/

Живая демонстрация

Ваш эмулятор во вкладке браузера

Выберите экран или проведите в сторону. На вашем Mac каждый щелчок и каждое перетаскивание попадают в настоящий эмулятор.

1. 01Главный экран
2. 02Открыть Настройки
3. 03Прокрутить список

Как это работает

Три программы, и все на вашем Mac

Шлюз читает кадры из официального эмулятора Android через gRPC и общую память и отправляет их на страницу по WebSocket на 127.0.0.1. Касания, свайпы и нажатия клавиш идут обратно тем же путём.

• БраузерВкладка Chrome или Edge
• Шлюзandroid-emu-web на 127.0.0.1
• ЭмуляторОфициальный эмулятор Android

• Кадры экрана: необработанный RGBA через общую память, затем WebSocket
• Касания, свайпы и клавиши: WebSocket, затем gRPC

Медианная частота кадров

60fps

Задержка касания p50

20ms

Задержка касания p90

30ms

Измерено на Mac с M4 с виртуальным устройством Pixel 5 API 34 (1080×2340) в Chrome 157, транспорт кадров rgba-mmap, 16 свайпов подряд и 30 касаний. Ваши показатели зависят от вашего Mac, устройства и браузера. Измеренная производительность

Что он умеет

Всё, чем вы пользуетесь в окне эмулятора

• 01

  Экран в полном разрешении

  Кадры снимаются в размере холста, умноженном на плотность пикселей дисплея: 1080×2340 на экране Retina, а не размытая копия в половину размера.

• 02

  Касания, свайпы и ввод текста

  Щелчок — касание, перетаскивание — свайп, печатайте на клавиатуре Mac. Кнопки «Назад», «Домой» и «Недавние» находятся над экраном.

• 03

  Буфер обмена в обе стороны

  Cmd+V вставляет с вашего Mac. Текст, скопированный в Android, попадает в буфер обмена Mac. Китайский и другой текст не в ASCII передаётся через буфер обмена.

• 04

  Запуск и остановка устройств

  Просматривайте список виртуальных устройств Android, запускайте и останавливайте их или берите под управление уже запущенный эмулятор.

• 05

  Поворот, громкость, снимок экрана

  Кнопки устройства для поворота, громкости и питания. Снимки экрана сохраняются как PNG-файлы в полном разрешении.

• 06

  Колесо прокрутки

  Прокрутка колесом и трекпадом превращается в короткие свайпы на устройстве, поэтому длинные списки прокручиваются так, как вы ожидаете.

Зачем он нужен

Факты, которые можно проверить

1. 127.0.0.1

   Кадры остаются на вашем Mac

   Шлюз слушает только loopback. Другие компьютеры не могут к нему подключиться, и ни один кадр не уходит в интернет.

   Безопасность
2. SDK

   Официальный эмулятор Android

   Он запускает эмулятор и системные образы Google из Android SDK — те же, что использует Android Studio. Если SDK у вас уже есть, шлюз использует его.

   Требования
3. 1.24×

   Нагрузка на CPU близка к scrcpy

   Во время 16 свайпов подряд на Mac с M4 (виртуальное устройство Pixel 5 API 34, 1080×2340, Chrome 157, транспорт rgba-mmap) эмулятор, шлюз и Chrome вместе использовали 257% CPU. scrcpy, измеренный тем же способом с тем же эмулятором, использовал 208%.

   Измеренная производительность
4. MIT

   Открытый исходный код

   Каждая строка кода шлюза и страницы опубликована на GitHub под лицензией MIT.

   github.com/twosugar/android-emu-web

Сравнение

Чем он отличается от других способов увидеть эмулятор

Только различия, которые можно проверить. Каждый инструмент хорош в том, для чего он создан.

Вопрос	android-emu-web	Эмулятор Android Studio	scrcpy	Облачные эмуляторы (например, Appetize)
Где работает Android	Официальный эмулятор на вашем Mac	Официальный эмулятор на вашем Mac	Подключённое вами устройство или эмулятор	Серверы поставщика
Где вы его видите	Вкладка Chrome или Edge	Окно Running Devices в Android Studio или собственное окно эмулятора	Окно настольного приложения	Вкладка браузера
Нужна ли Android Studio	Нет; нужны шлюз, эмулятор и системный образ	Да, для представления Running Devices	Нет	Нет
Как передаются кадры	Необработанные кадры RGBA через 127.0.0.1	Окно эмулятора или Android Studio, оба на вашем Mac	Видео H.264	Видео через интернет
Цена	Бесплатно, лицензия MIT	Бесплатно	Бесплатно, лицензия Apache-2.0	Платные тарифы

Начать

Три шага до первого кадра

1. 1

   Проверьте свой Mac

   Mac на Apple Silicon, Chrome или Edge и эмулятор Android с системным образом arm64.

   Требования
2. 2

   Установите шлюз

   Выполните это в Терминале. Команда сохранит один исполняемый файл в ~/.local/bin.

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

   Копировать

   Руководство по установке
3. 3

   Запустите его

   Выполните android-emu-web. Он откроет страницу в браузере и покажет запущенный эмулятор.

   Первый запуск

Читать документациюПоставить звезду на GitHub