HT-AI Browser Link

电脑抓屏,手机浏览器直连接收

纯前端方案。电脑浏览器负责抓屏和裁剪,手机浏览器通过 WebRTC DataChannel 直接接收 JPEG 帧,不经过服务器中转图片。

等待开始
推荐电脑和手机在同一局域网,页面使用 HTTPS 打开

工作模式

电脑使用发送端,手机使用接收端。先完成配对,再开始推流。

1. 生成配对包
2. 手机生成应答
3. 应用应答并连接
4. 选择屏幕开始推流

发送参数

电脑端
裁剪尺寸
连接状态 未建立
当前输出 320 x 320

手动配对

生成电脑端配对包,把它发到手机;手机生成应答后再贴回来。

第 1 步:生成电脑配对包

点击后会生成完整 Offer 数据,复制给手机接收端。

第 2 步:贴回手机应答包

把手机生成的 Answer 数据粘贴回来,然后应用。

开始推流

连接成功后,选择要分享的屏幕,再开始发送裁剪后的画面。

屏幕预览

还没有选择屏幕

中心正方形裁剪

发送预览

手机会收到这里展示的画面。

0 发送 FPS
0 最近帧 KB
0 累计帧数

运行日志