Go to file
2024-05-22 09:53:26 +08:00
.github Scrcpy Mask v0.4.0 (#31) 2024-05-21 21:04:53 +08:00
public feat(icon): new icon 2024-04-15 08:29:39 +08:00
src fix(adb): adb path reading 2024-05-22 09:41:24 +08:00
src-tauri Scrcpy Mask v0.4.2 2024-05-22 09:42:26 +08:00
.gitignore init 2024-04-13 08:32:42 +08:00
index.html init 2024-04-13 08:32:42 +08:00
LICENSE Create LICENSE 2024-04-15 21:15:42 +08:00
package.json Scrcpy Mask v0.4.2 2024-05-22 09:42:26 +08:00
publish.js Scrcpy Mask v0.1.1 2024-05-02 08:44:01 +08:00
README-zh.md doc(README): update 2024-05-21 22:14:22 +08:00
README.md doc(README): update 2024-05-21 22:14:22 +08:00
tsconfig.json migration from v1 2024-04-13 09:53:41 +08:00
tsconfig.node.json init 2024-04-13 08:32:42 +08:00
vite.config.ts init 2024-04-13 08:32:42 +08:00

Scrcpy-mask

中文介绍

To achieve computer control of Android devices, I developed a cross-platform desktop client using Tarui + Vue 3 + Rust. This client provides visual mouse and keyboard mapping configuration, enabling multi-touch operations similar to Android emulators through key mapping, with millisecond-level response time. This tool can be widely used for controlling Android devices from computers to play mobile games, providing a smooth touch experience.

I express my deep respect and gratitude to the developers of the Scrcpy project. Scrcpy is a powerful and efficient open-source tool that greatly facilitates control over Android devices. This project is built upon the excellent architecture of Scrcpy, with optimizations and adjustments for mouse and keyboard control.

This project does not provide screen mirroring functionality—let me emphasize, it does not provide screen mirroring functionality! It only implements the Scrcpy control protocol.

Because screen mirroring may involve latency and blurriness issues, this project takes a different approach by directly abandoning screen mirroring and instead using a transparent mask to display the content behind the window (which can be AVD, low-latency screen mirroring provided by your phone manufacturers, etc.), Completely eliminates the problem of poor screen casting experience inherent in Scrcpy.

Furthermore, to better support interaction between Scrcpy Mask and Android devices, I have made some modifications to the scrcpy-server, leading to the creation of a separate branch project called scrcpy-mask-server.

Features

  • Wired and wireless connections to Android devices
  • Start scrcpy-server and connect to it
  • Implement scrcpy client control protocol
  • Mouse and keyboard key mapping
  • Visually setting the mapping
  • Key mapping config import and export
  • Update check
  • Switch between key mapping and input-text box
  • Internationalization (i18n)
  • Gamepad key mapping
  • Better macro support
  • Provide external control through websocket, see external control
  • Help document

Demonstration video

Implementation principle

Screenshot

  • Device control

  • Key mapping setting

  • Mask above game

Basic using

  1. Install software suitable for your system platform from releases
  2. Identify your Android device type
    1. For physical devices like phones or tablets
      1. You need to solve the problem of screen casting on your own. Recommend using the official screen mirror method of your device brand to achieve the minimum delay
      2. Enable ADB debugging on your device via USB or wirelessly, then connect it to your computer.
    2. For emulator, you don't need screen mirror, and emulator generally default to enabling ADB wired debugging. So this is the best way for game, I think.
  3. Launch the software and navigate to the Device page.
    1. Find your device among the available devices (if not found, please search for how to enable ADB debugging for your device).
    2. Right-click on your device again and choose "Control this device".
  4. Navigate to the Settings page -> Mask Settings, set the width and height of the mask to the same ratio of the device screen size and ensure that the mask size is appropriate.
  5. Navigate to the Mask page where you can see a transparent mask. Next, adjust and move your emulator window or screen mirroring window to align the displayed content area with the transparent mask area.
  6. Navigate to the Key mapping page and switch or edit the key mapping configs.
  7. Return to the Mask page and start enjoying.

Contribution.

If you are interested in this project, you are welcome to submit pull request or issue. But my time and energy is limited, so I may not be able to deal with it all.

Star History Chart