浏览器里能跑什么?五个真正可用的本地 AI 功能
来源:dev.to — 2026-10-14
📋 概述
作者在布拉格 FrontKon 讲了「浏览器是计算平台」,会后干脆把浏览器端 AI 的现状做成了五个 React 加 TypeScript 演示:模型通过 Transformers.js 4.3.1 在本地推理,支持 WebGPU 时走 GPU、否则回退 WebAssembly 的 CPU 执行,全程没有 AI 后端、没有推理 API,用户数据也不用离开自己的设备。五个功能分别是去背景(4400 万参数的 RMBG-1.4)、替代文本生成(Florence-2-base-ft)、把口语化的抱怨整理成结构化工单(Qwen2.5-0.5B-Instruct,配提示词与 Zod 校验)、语义搜索(all-MiniLM-L6-v2 向量加余弦相似度),以及摄像头实时画面描述与提问(LFM2.5-VL-450M)。她的结论是这套东西现在就能上生产,但只作为可选增强而不是关键路径,因为 WebGPU 在移动端仍可能直接超时,模型下载也从 23 MB 到数百 MB 不等。
🔑 核心要点
- 本地推理意味着没有推理 API、没有网络往返,也不用为用户消耗的 token 买单。
- 演示是 React 加 TypeScript,用 Web Workers 跑推理以免阻塞主 UI 线程,模型按需加载。
- 去背景用 4400 万参数的 RMBG-1.4,配置下来约 170 MB;语义搜索用 2200 万参数的 all-MiniLM-L6-v2,量化 CPU 版只有约 23 MB。
- 她原本以为口语转工单最容易,结果 Qwen2.5-0.5B-Instruct 要产出字段一致、不臆造内容的结构化结果并不容易,最后靠精心设计的提示词和 Zod 校验才跑通。
- 限制很实在:在三星 Galaxy S24 FE 上两个演示因超时完全跑不起来,模型体积从 23 MB 到数百 MB 不等。
💡 金句
我大概不会把关键任务系统整个押在这些模型必须完美运行上,而是把它们当作现有功能上有趣、可选的增强。
👍 0
👎 0
← 返回 dev.to 首页