Skip to content
/ translate Public

AI i18n, Two lines of js realize automatic html translation. No need to change the page, no language configuration file, no API key, SEO friendly!

License

Notifications You must be signed in to change notification settings

xnx3/translate

Repository files navigation

translate.js

AI i18n,两行js实现html全自动翻译。
交给AI,无需改动页面、无语言配置文件、无API Key、对SEO友好!

特性说明

微调指令

它有极其丰富的扩展指令,让你可以对它进行各种精准控制,满足各种难缠客户的各种脑洞要求。(如果满足不了,可提出来,我们加)

在线体验

http://res.zvo.cn/translate/demo.html

测试效果

先拿别人的网站动手试试效果 效果

  1. 随便打开一个网页
  2. 右键 - 审查元素
  3. 粘贴入以下代码:
    var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'https://res.zvo.cn/translate/inspector_v2.js'; head.appendChild(script);
  4. Enter 回车键 , 执行
  5. 在当前网页的左上角,就出现了一个大大的切换语言,切换试试看。

快速使用

在网页最末尾, </html> 之前,加入以下代码,一般在页面的最底部就出现了选择语言的 select 切换标签。 其实就这么简单:

<script src="https://cdn.staticfile.net/translate.js/3.17.0/translate.js"></script>
<script>
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等
translate.service.use('client.edge'); //设置机器翻译服务通道,相关说明参考 http://translate.zvo.cn/43086.html
translate.execute();//完成翻译初始化,进行翻译
</script>

使用示例

在浏览器使用

普通网站中点击某个语言进行切换 如下图所示,网站中的某个位置要有几种语言切换

直接在其html代码末尾的位置加入以下代码:

<!-- 增加某种语言切换的按钮。注意 ul上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
<ul class="ignore">
	<li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
	<li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
</ul>
 
<!-- 引入多语言切换的js -->
<script src="https://cdn.staticfile.net/translate.js/3.17.0/translate.js"></script>
<script>
	translate.selectLanguageTag.show = false; //不出现的select的选择语言
    translate.service.use('client.edge'); //设置翻译服务通道
	translate.execute();
</script>

在 NPM 中使用

  1. Install

    npm i i18n-jsautotranslate
  2. Import

    import translate from 'i18n-jsautotranslate'
    /* Or */
    const translate = require("i18n-jsautotranslate")

详细使用说明 | Vue2 中使用 translate.js 在线 Demo

翻译服务私有部署

可以对提供后端文本翻译API的服务进行私有部署,跟开源中国GiteeAI联合定制,采用GiteeAI大模型算力作为支撑,部署后按照提示步骤自助完成大模型的配置接入,提供高效稳定、翻译质量高的翻译能力支持。(当然你也可以在无网络环境进行部署,介入自己私有化的大模型算力)。
私有化部署后,可开启内存缓存能力,来极大提高翻译速度!
还可以通过管理的后台,对译文的结果进行自定义修改,来人工校对翻译结果,使其更精准。
具体部署方式参见: http://translate.zvo.cn/391129.html

开放翻译大模型

https://huggingface.co/xnx3/translate100 是一个用于翻译任务的 seq-to-seq 架构、基于 Transformer 的神经机器翻译模型,由m2m100(12B)经过蒸馏(small100)及各种处理后,得到的完全适配 translate.js 的一键部署应用。
它的翻译能力很一般,它最大的特点是在超低配置的终端(1核2G内存)运行使用、及做到适配全球主流的上百个语言。
它在CPU(Intel 7700k)上可以达到43token/s,在淘宝100块钱就能买到的p106显卡上可以达到90tokens/s
它的初衷,是我们针对私有化部署场景,采用qwen3 8~32B 做主要翻译时,针对千问大模型处理不了的部分,又做的一层保障,将qwen3翻译不达标的文本再交由 translate100 来进行最后的翻译,以完成大模型翻译的可靠稳定性闭环,避免返回翻译失败。

谁在使用

开源项目:

  • DzzOffice 开源办公套件,搭建自己的类似“Google企业应用套件”、“微软Office365”的企业协同办公平台
  • ModStart 基于 Laravel 的模块化全栈开发框架
  • 管伊佳ERP 国产开源ERP系统关注度第一,专注进销存、生产、总账
  • FixIt 一款简洁、优雅且先进的Hugo 博客主题
  • Z-Blog 易用的博客程序,功能丰富,模板多样,助轻松搭建个性博客。
  • Discuz 知名论坛系统,功能强大,插件众多,打造活跃互动的网络社区。
  • Pear Admin Layui Pear Admin Layui 是基于 Layui 的后台管理模板,简洁美观,实用高效。
  • kefu.js 开源js聊天界面插件,方便快捷,助力网站沟通服务。
  • Layui 简洁好用的前端框架,组件丰富,上手容易,广受开发者青睐。
  • wangmarket CMS 开源的SAAS云建站系统,可私有部署,可通过后台任意开通多个网站,每个网站独立管理
  • 易优CMS 功能强大的内容管理系统,操作简便,模板随心选。
  • 迅睿CMS 一款功能完善的内容管理系统,性能卓越,易于使用。
  • chanyue-cms 基于Node、Express、MySQL、Vue3研发的高质量实用型CMS系统
  • phpok cms 极其自由的企业站程序,支持各种自定义配置。
  • RPCMS 轻量型php内容管理系统,小型、轻量,但功能丰富,可扩展性强。
  • Masuit.MyBlogs 高性能高安全性低占用的个人博客系统

...

高校 清华大学 北京理工大学 西苏格兰大学 中国美术学院
集团 中国一汽 京东 中兴 中国铁建
科研 国家生物信息中心 德国科工创新院 中科能研电力技术研究院 国家新能源汽车技术创新中心
云厂商 指点云 每刻云 雨云 DOGSSL
开源 Gitee DzzOffice Discuz wangmarket
协会 中国国际环保展览会 国际研发方法协会 中国内燃机学会 深圳市智慧城市产业协会
平台 东盟 ESG国际服务平台 安徽省外贸综合服务平台 湖南企业国际化经营服务平台

...

如果您有开源项目,比如文档、cms、UI 框架、后台管理框架、等等,需要采用此进行多语言切换,欢迎喊我,无偿提供全程接入讨论及遇到的问题跟随优化,希望我们的开源项目能互相产生作用一起越来越好。如果你的项目在这个列表中没有,欢迎联系我说明,我给加入进去。如果您不想出现在这里,也联系我,我给隐去。

项目历程

  • 2021年,translate 翻译服务项目创建,最初为简化Google网页翻译JS进行了封装,可以更简单进行使用,但是因为扩展极其有限,文档也没那么好,于是开始了重构。
  • 2022年初,完全脱离Google网页翻译JS,从底层判断开始进行了全部重构,推出 2.0 版本,在加载js的资源大小上降低了95%,更快加载,同时内置了多层缓存、多种自定义方式等能力,使用更加灵活、翻译速度更加高效,极大提高了用户使用体验。 年底,我们翻译服务的cdn源 translate.js 的月请求次数超过了一千万次。
  • 2023年,翻译服务再次迎来大的变化,不仅仅只是对网页使用js来进行翻译,它还增加了翻译内容分发的能力,我们暂且简单将其称之为TCDN,它具备了CDN内容分发的一些能力,比如可以通过后台添加一个源站,然后绑定不同的域名,可以设置每个域名对应着源站的哪种语言,这样访问时打开的就直接是翻译后的网页,如果查看网页源代码,会发现html源码本身就是已经被翻译过的,不在局限于js端进行翻译,而是通过服务端主动进行翻译,并进行缓存,用户访问请求时,直接将翻译结果输出给用户展示,极大提高了用户使用体验、每种语种也都可以在相应国家搜索引擎收录、并且系统因具备CDN的基本能力,如果网站有更新,还可以通过后台快速更新源站或者访问目标站点、或者指定访问url的网页翻译缓存。
    同样的能力,我们发现友商收费标注是一个站点20种翻译语种的情况是一万二每年,而我们这个支持七八十种语种(取决于 translaet.service 后端对接的翻译服务支持的语种数量),一台服务器可承载数千个源站提供服务!
  • 2023年中旬,我们开源公开的翻译服务 translate.service 月请求量已达到1.5亿次!并再以非常恐怖的速度在增长。
  • 2024年底,我们开源公开的翻译服务 translate.service 日请求量已超过10亿次! 压力太过巨大,放开翻译服务的私有化部署能力,有各地网络公司可以以非常低廉的价格私有化部署,给其客户提供服务。
  • 2025年中旬,私有化部署的翻译服务跟开源中国GiteeAI进行联合开发定制,内置GiteeAI大模型算力的自助接入及自动化配置部署,有开源中国提供高可靠稳定的算力支持,翻译质量超过传统的神经网络翻译,使小微网络公司可以以超低的投入就能完成传统技术开发到AI的转型。
    发布翻译大模型 https://huggingface.co/xnx3/translate100 主要针对低端超低配置主机及边缘设备等场景。

结构图示

优秀开源项目及社区推荐

Featbit 一个100%开源的 Feature flags / Feature Management 平台工具
IoTSharp IoTSharp 是一个 基于.Net Core 开源的物联网基础平台, 支持 HTTP、MQTT 、CoAp 协议
流之云 信息化、数字化服务提供商

我的其他开源项目

开源项目 star数量 仓库
可私有部署 SAAS 建站系统 https://gitee.com/mail_osc/wangmarket
Datax 的 华为云OBS 插件 https://gitee.com/HuaweiCloudDeveloper/obs-datax-plugins
扒网站工具 https://gitee.com/mail_osc/templatespider
文件上传工具类,OBS存储 https://gitee.com/mail_osc/FileUpload
智能客服机器人 https://gitee.com/leimingyun/chatbot
结合云存储做网站无需服务器 huaweicloud-obs-website-wangmarket-cms
kefu.js 在线聊天的前端 https://gitee.com/mail_osc/kefu.js
轻量级js消息提醒组件 https://gitee.com/mail_osc/msg
js 实现 html 全自动翻译 https://gitee.com/mail_osc/translate
代码生成器,自动写代码 https://gitee.com/mail_osc/writecode
Java日志存储及读取 https://gitee.com/mail_osc/log
Layui的国际化支持组件 https://gitee.com/mail_osc/translate_layui
Java8轻量级http请求类 https://gitee.com/mail_osc/http.java
Java版按键精灵,游戏辅助开发 https://gitee.com/mail_osc/xnx3
js的WebSocket框架封装 https://gitee.com/mail_osc/websocket.js
js邮件发送模块 https://gitee.com/mail_osc/email.java
WEB 端浏览器通知提醒工具类 https://gitee.com/mail_osc/notification.js
JS中文转拼音工具类 https://gitee.com/mail_osc/pinyin.js
Java-微信常用工具类 https://gitee.com/mail_osc/xnx3_weixin
QQ寻仙的游戏辅助软件 https://gitee.com/mail_osc/xunxian
私有化部署 SAAS商城 https://gitee.com/leimingyun/wangmarket_shop
Java开发框架及规章约束 https://gitee.com/leimingyun/wm
SAAS客服系统 https://gitee.com/leimingyun/yunkefu
根据标准的 JavaDoc 生成接口文档 https://gitee.com/leimingyun/javadoc
用sql方式使用Elasticsearch https://gitee.com/leimingyun/elasticsearch
Java应用全自动部署及更新 https://gitee.com/leimingyun/sftp-ssh-autopublish
智能聊天机器人 https://gitee.com/leimingyun/aichat
自动备份文件到华为云 OBS https://gitee.com/leimingyun/yunbackups
Java打印及预览的工具类 https://gitee.com/leimingyun/printJframe
…………

交流

如果您在使用过程中遇到任何异常情况,请详细说一下您遇到的问题。如果可以,请写下您的网站,以便我们可以更全面地测试,以便快速找到问题所在
作者微信:xnx3com(使用交流可加QQ群进行,我看微信很不及时)
Telegram : untran
交流QQ群:181781514(已满)
交流QQ群:641047127(已满)
交流QQ群:240567964(已满)
交流QQ群:1034085260
交流QQ群:1017938586
交流QQ群:749330213
作者邮箱:[email protected]
微信公众号:wangmarket
github: https://github.com/xnx3/translate
gitee: https://gitee.com/mail_osc/translate

商业化声明

我完全允许你拿我的开源项目进行商业化包装盈利,而无需给我支付任何费用!
你能拿来赚钱,那是你的本事。
而我的开源项目能帮你赚钱,我会很荣幸,我能造福社会。
你在用它进行商业化盈利的时候,遇到问题也完全可以大方的向我求助,用它赚钱并不是什么偷偷摸摸的事情,技术能用来养家糊口改善生活是值得点赞的。
而且如果你不放心,我还可以白纸黑字盖章,送你一个定心丸。
说这么多,是体现一个态度,开源就是开源,我不会想法绑架你。我们可以在一起以最纯粹的状态交流,让生活更美好。

About

AI i18n, Two lines of js realize automatic html translation. No need to change the page, no language configuration file, no API key, SEO friendly!

Resources

License

Stars

Watchers

Forks

Packages

No packages published