Web client for Genymobile/scrcpy and more.

Browser must support the following technologies:

• WebSockets
• Media Source Extensions and h264 decoding;
• WebWorkers
• WebAssembly

Server:

• Node.js v10+
• node-gyp (installation)
• adb executable must be available in the PATH environment variable

Device:

• Android 5.0+ (API 21+)
• Enabled adb debugging
• On some devices, you also need to enable an additional option to control it using keyboard and mouse.

Make sure you have installed node.js, node-gyp and build tools

git clone https://github.com/NetrisTV/ws-scrcpy.git
cd ws-scrcpy

## For stable version find latest tag and switch to it:
# git tag -l
# git checkout vX.Y.Z

npm install
npm start

The modified version of Genymobile/scrcpy used to stream H264-video, which then decoded by one of included decoders:

• MsePlayer, formerly "native" (code). Based on xevokk/h264-converter. TL;DR. HTML5 Video.
  Requires Media Source API and video/mp4; codecs="avc1.42E01E" support. Creates mp4 containers from NALU, received from a device, then feeds them to MediaSource. In theory, it can use hardware acceleration.
• BroadwayPlayer (code). Based on mbebenita/Broadway and 131/h264-live-player.
  Requires WebAssembly and preferably WebGL support.
• TinyH264Player (code). Based on udevbe/tinyh264.
  Requires WebAssembly, WebWorkers, WebGL support.

• Touch events (including multi-touch)
• Multi-touch emulation: CTRL to start with center at the center of the screen, SHIFT + CTRL to start with center at the current point
• Capturing keyboard events
• Injecting text (ASCII only)
• Copy to/from device clipboard
• Device "rotation"

Drag & drop an APK file to push it to the /data/local/tmp directory. You can install it manually from the included xtermjs/xterm.js terminal emulator (see below).

Control your device from adb shell in your browser.

/docs/Devtools.md

• The server on the Android Emulator listens on the internal interface and not available from the outside. Select proxy over adb from the list of interfaces.
• TinyH264Player may fail to start, try to reload the page.
• MsePlayer reports too many dropped frames in quality statistics: needs further investigation.

Be advised and keep in mind:

• There is no encryption between browser and node.js server (plain HTTP).
• There is no encryption between browser and WebSocket server (plain WS).
• There is no authorization on any level.
• The modified version of scrcpy with integrated WebSocket server is listening for connections on all network interfaces.
• The modified version of scrcpy will keep running after the last client disconnected.

This project also contains front-end for NetrisTV/ws-qvh - application for screen streaming and control of iOS devices in a browser.

Run this to build it:

npm install
npm run dist:qvhack:frontend

• Genymobile/scrcpy
• xevokk/h264-converter
• 131/h264-live-player
• mbebenita/Broadway
• DeviceFarmer/adbkit
• xtermjs/xterm.js
• udevbe/tinyh264

Currently, support of WebSocket protocol added to v1.17 of scrcpy

• Prebuilt package
• Source code