手机js实现投屏到电脑

使用WebRTC实现手机投屏到电脑

WebRTC是一种实时通信技术，可以用于在浏览器之间传输音视频数据。通过WebRTC，可以将手机屏幕内容传输到电脑浏览器。

在手机端使用getDisplayMedia捕获屏幕内容，通过RTCPeerConnection建立连接。电脑端通过<video>标签接收并显示视频流。需要实现信令服务器来交换SDP和ICE候选信息。

使用Chrome Remote Desktop

Chrome Remote Desktop是Google提供的远程桌面解决方案，支持手机投屏到电脑。在手机和电脑上安装Chrome Remote Desktop扩展程序，通过Google账号登录后即可建立连接。

手机端需要启用屏幕共享权限，电脑端会显示一个访问码。输入访问码后，手机屏幕内容会实时显示在电脑上。这种方法不需要复杂的开发工作，适合非技术用户。

使用第三方SDK

市面上有多种商业SDK提供手机投屏功能，如AnyDesk、TeamViewer等。这些SDK通常提供完整的解决方案，包括客户端和服务端组件。

集成时需要按照SDK文档进行开发，一般包括初始化、权限请求、连接建立等步骤。大多数SDK支持跨平台，可以在不同设备间实现投屏功能。这种方法开发成本较低，但可能需要支付授权费用。

使用DLNA或Miracast协议

对于支持DLNA或Miracast协议的设备，可以通过无线网络实现投屏。手机作为发送端，电脑作为接收端，通过局域网传输屏幕内容。

需要在电脑上安装支持这些协议的接收软件，如Windows自带的"连接"应用。手机端开启无线显示功能后，选择电脑作为接收设备即可建立连接。这种方法延迟较低，适合视频播放等场景。

使用Scrcpy工具

Scrcpy是一个开源的Android屏幕镜像工具，通过USB或WiFi连接电脑。不需要root权限，支持高帧率显示和低延迟。

安装ADB工具并启用手机USB调试模式，运行scrcpy命令即可启动。电脑上会显示手机屏幕，并支持键盘鼠标交互。这种方法性能优异，适合开发者调试使用。

# 安装scrcpy
brew install scrcpy

# 连接手机
adb devices
scrcpy