← 返回项目库

Transformers.js 浏览器端 AI 体验中心

Transformers.js 的中文浏览器端 AI 体验中心，覆盖文本、图像、音频与代码任务。

交付版本把上游 demo-site 整理为无需登录的中文工作台，提供任务选择、输入编辑、图表输出、图像框选和代码补全等操作。页面默认启用明确标注的本地演示数据，可切换至真实 pipeline 进行模型验证。

真实界面

项目截图

共 6 张

翻译工作台
文本生成工作台
情感分类工作台
零样本文本分类工作台
图像分类工作台
目标检测工作台

Capabilities

核心功能

✓文本翻译、文本生成与摘要生成任务
✓情感分类、零样本分类和实体识别
✓问答与掩码语言建模体验
✓图像描述、图像分类与零样本图像分类
✓目标检测图像框选与置信度图表
✓语音转文字与代码补全入口
✓本地演示数据边界和真实 pipeline 切换说明

适用场景

在无后端环境中演示浏览器端 AI 任务流程
比较不同模型任务的输入形式和输出结构
以中文工作台为基础继续接入真实模型权重

适合谁

需要在浏览器中验证 Transformer 模型能力的开发者、产品团队和 AI 学习者。

商业化思路

研究目录与源码交付；正式商用、再分发和网络服务请按 Apache-2.0 及第三方模型条款自行复核。

你会拿到什么

  • ✓固定上游提交源码与保留的 Apache-2.0 LICENSE
  • ✓中文化 demo-site、本地演示适配器、构建配置和 evidence 审计

部署流程

  1. 1进入 examples/demo-site 并执行 npm ci 安装依赖
  2. 2执行 npm run build 生成 dist，再用 npm run preview -- --host 127.0.0.1 --port 4173 启动预览
  3. 3关闭本地演示模式后按上游文档配置模型仓库与浏览器缓存策略

真实验证结果

已通过确定性构建、六个可操作任务状态、1440×900 浏览器截图、可见中文标题与演示输出、控制台、坏图和横向溢出质量门。

部署前须知

默认本地演示模式不会访问外部模型或上传输入；真实模型首次运行需要下载权重，部分任务对浏览器内存和 WebGPU/WASM 能力有要求。

部署难度

简单

最低配置

Node.js 18+ 与 npm；本地预览可使用现代浏览器访问 Vite 静态服务。真实模型运行还需要可访问模型仓库和足够的浏览器内存。

开源许可证

Apache-2.0

最后验证

2026-09-06

技术栈

JavaScriptViteTransformers.jsONNX Runtime WebChart.jsPrism.js

授权说明

交付包保留上游 LICENSE 和版权信息；中文 UI、本地演示适配器及页面改动属于本候选版本的本地化修改，再分发时请继续遵守 Apache-2.0 的许可、通知和署名要求。

Release notes

版本记录

1 个已发布版本

vcn-6683e8108e04 当前推荐

基于固定上游提交完成中文体验中心改造，新增本地演示适配器、任务工作台标题、状态反馈、浏览器端功能截图与源码推广内容清理。

部署要求：Node.js 18+、npm 和现代浏览器；真实 pipeline 任务还需要按上游说明下载模型权重。

已知问题：本地演示数据不代表真实模型推理结果；关闭演示模式后，模型下载时间与浏览器硬件能力会影响体验。

登录后领取