Dywww2026年08月10日
8阅读

技术信息

语言技术
JavaScript
系统类型
Web
行业分类
企业服务音视频多媒体

作品详情

行业场景

创作者(剪辑师、摄影师、设计师)经常要把几十 GB 的源文件发给客户或跨设备同步,但传统云盘要先把文件上传到服务器再到对方下载,慢、贵、还有隐私泄露风险。
RawDrop 用浏览器端 WebRTC 点对点直传,文件不经过任何服务器,发送端和接收端在浏览器里直接传。配合创作者高频的「发素材给客户」场景,做到零上传、免登录、免安装,文件只在两端之间流动。已上线 Web 版,打开即用。

功能介绍

1. 创建/加入房间:一方创建房间生成房间码,另一方输入房间码即可配对。
2. 文件直传:拖拽或点选文件,通过 WebRTC DataChannel 点对点分片传输,文件不经过服务器。
3. 实时进度:传输进度条 + 实时速度(MB/s)+ 已传/总量显示。
4. 零上传隐私:常驻「文件未经过任何服务器 · 点对点直连」标识。
5. AI 整理层:接收文件后自动分类(视频/图片/音频/文档/压缩包/工程)、建议重命名、生成一句分享文案,一键用 AI 名保存。
6. 免安装免登录:纯 Web,打开即用,跨设备(PC/手机/平板)浏览器互通。

项目实现

传输:PeerJS 提供免费云信令,公共 STUN 服务器做 NAT 穿透;两端通过 WebRTC DataChannel 建立点对点连接,文件按 64KB 分片发送,接收端 Blob 重组后提供下载。

隐私:仅信令走服务器,文件数据全程端到端直传,服务器不存储任何文件内容。

AI 整理:接收端本地规则引擎,按扩展名与文件名模式分类并生成建议文件名与分享文案(演示逻辑,零依赖,打开即见效果)。

部署:单文件静态站,可部署到 Vercel / Netlify / GitHub Pages,必须 HTTPS。

难点:WebRTC 连接建立与分片重组的可靠性、跨严格 NAT 的穿透(演示场景用公共 STUN 即可,跨公网对称 NAT 才需 TURN)。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论