Android エミュレーターをブラウザでスムーズに動かす。

コマンド一つでインストール完了。Android Studio 不要。

ライブデモ

ブラウザのタブで動くエミュレーター

画面を選ぶか、横にスワイプしてください。Mac 上でのクリックとドラッグがすべて実際のエミュレーターに伝わります。

仕組み

ゲートウェイは gRPC と共有メモリを使って公式 Android エミュレーターからフレームを読み取り、127.0.0.1 上の WebSocket でページに送ります。タップ・スワイプ・キー入力は同じ経路で返ります。

M4 搭載 Mac、Pixel 5 API 34 仮想デバイス（1080×2340）、Chrome 157、rgba-mmap フレーム転送方式で、16 回連続スワイプと 30 回タップにより計測。実際の値は Mac・デバイス・ブラウザによって異なります。実測パフォーマンス

機能紹介

使う理由

127.0.0.1
フレームは Mac の外に出ない
ゲートウェイはループバックアドレスのみをリッスンします。他のコンピューターからはアクセスできず、フレームがインターネットを通ることもありません。
セキュリティ
SDK
公式 Android エミュレーター
Google のエミュレーターと Android SDK のシステムイメージを使用します。Android Studio と同じものです。すでに SDK がある場合、ゲートウェイはそれを使用します。
動作要件
1.24×
CPU 使用率は scrcpy と近い水準
M4 搭載 Mac（Pixel 5 API 34 仮想デバイス、1080×2340、Chrome 157、rgba-mmap 転送）で 16 回連続スワイプを計測したところ、エミュレーター・ゲートウェイ・Chrome の合計 CPU 使用率は 257% でした。同条件の scrcpy は 208% でした。
実測パフォーマンス
MIT
オープンソース
ゲートウェイとページのすべてのコードが MIT ライセンスで GitHub 上に公開されています。
github.com/twosugar/android-emu-web

比較

確認できる違いのみを記載します。各ツールにはそれぞれの得意分野があります。

質問	android-emu-web	Android Studio エミュレーター	scrcpy	クラウドエミュレーター（例: Appetize）
Android の実行場所	Mac 上の公式エミュレーター	Mac 上の公式エミュレーター	接続したデバイスまたはエミュレーター	ベンダーのサーバー
表示場所	Chrome または Edge のタブ	Android Studio の実行デバイスウィンドウ、またはエミュレーター自身のウィンドウ	デスクトップアプリのウィンドウ	ブラウザのタブ
Android Studio が必要か	不要（ゲートウェイ・エミュレーター・システムイメージが必要）	必要（実行デバイスビューに使用）	不要	不要
フレームの転送方法	生の RGBA フレームを 127.0.0.1 経由で転送	エミュレーターウィンドウまたは Android Studio（ともに Mac 上）	H.264 動画	動画をインターネット経由で転送
料金	無料・MIT ライセンス	無料	無料・Apache-2.0 ライセンス	有料プラン

はじめる

Mac を確認する
Apple Silicon Mac、Chrome または Edge、arm64 システムイメージ入りの Android エミュレーターが必要です。
動作要件
2
ゲートウェイをインストール
ターミナルでこのコマンドを実行します。~/.local/bin に単一の実行ファイルが保存されます。
```
$ curl -fsSL https://droid.devpier.dev/install.sh | shcurl -fsSL https://droid.devpier.dev/install.sh | sh
```
インストールガイド
起動する
android-emu-web を実行します。ブラウザでページが開き、起動中のエミュレーターが表示されます。
初回起動