yoyokko/webadb

web adb

Demo (deprecated)

This is the now deprecated demo project for @yume-chan/adb package. It won't be updated, but it still mostly reflects the current API.

Build

pnpm install
pnpm recursive run build

Generate static build that can be hosted on GitHub Pages

The demo is built with Next.js, a full-stack React framework, which usually requires a Node.js environment to run.

However, since the demo doesn't have any server-side code, the most simple deployment method is to use the Static HTML Export feature of Next.js. It generates pre-rendered, fully static HTML files, that can be deployed to any static website hosting services (e.g. GitHub Pages).

To export static deployable HTML files, after running rush build command, run:

cd packages/demo
npx next export

This will create an out folder containing exported HTML files and all required resource files.

Features

• File Management
  • List
  • Upload
  • Download
  • Delete
  • Preview image files
• Screen Capture
• Terminal Emulator powered by Tabby
  • Tabs and split panes
  • Color themes
  • Rich configuration
• Toggle ADB over WiFi
• Install APK
• Scrcpy compatible client
  • Screen mirroring
  • Audio forwarding (Android >= 11)
  • Recording
  • Control device with mouse, touch and keyboard
• Chrome Remote Debugging that supporting
  • Google Chrome (stable, beta, dev, canary)
  • Microsoft Edge (stable, beta, dev, canary)
  • Opera (stable, beta)
  • Vivaldi
• Monitor and dump logcat messages
• Power off and reboot to different modes

Used open-source projects

• ADB from Google (Apache License 2.0)
• Scrcpy from Romain Vimont (Apache License 2.0)
• Tabby from Eugeny (MIT License)
• webm-muxer from Vanilagy (MIT License)
• web-streams-polyfill from Mattias Buelens (MIT License)