文本翻译 (Transformers.js)¶
体验直接在浏览器中运行的 AI 文本翻译模型!借助 Transformers.js,我们可以将文本从一种语言翻译成另一种语言。
在下面的文本框中输入一些英文文本,选择目标语言,然后点击“翻译文本”按钮。
翻译结果:
-
工作原理¶
此演示利用 Transformers.js 库在浏览器中执行文本翻译:
- 加载库: 通过 CDN 引入 Transformers.js。
- 模型加载: 当用户首次选择一种目标语言并点击“翻译文本”按钮时,会从 Hugging Face Hub 下载对应的预训练翻译模型 (例如
Xenova/opus-mt-en-de用于英语到德语的翻译)。这些模型通常是基于 MarianMT 架构,并在大量的平行语料上进行了训练。模型下载后会被浏览器缓存,以便后续对同一语言对的翻译能更快加载。 - 输入处理与翻译:
- 用户输入的源文本和选择的目标语言被传递给加载的
translationpipeline。 - 模型处理输入文本并生成目标语言的翻译。
- 用户输入的源文本和选择的目标语言被传递给加载的
- 显示结果: 翻译后的文本会显示在页面上。
关于 MarianMT 模型¶
Marian NMT (Neural Machine Translation) 是一个高效的神经机器翻译框架,许多在 Hugging Face Hub 上可用的翻译模型都���基于此框架训练的。Xenova 用户空间提供了许多这类模型的 Transformers.js 兼容版本,使得它们可以直接在浏览器中运行。
每个语言对(例如,英语到德语,英语到法语)通常有其专门训练的模型。
客户端 AI 的优势¶
- 便捷的翻译工具: 用户可以直接在浏览器中获得快速翻译,无需依赖外部服务或应用。
- 隐私保护: 待翻译的文本保留在用户浏览器中,不发送到服务器。
- 即时反馈: 一旦模型加载,翻译过程非常迅速。
- 降低服务器成本: AI 推理在客户端完成。
Transformers.js 使得在 Web 应用中集成多语言翻译功能成为可能,极大地增强了应用的国际化能力和用户体验。