Files
aggregate_translate_website/api.html

1371 lines
50 KiB
HTML
Raw Normal View History

2025-06-29 00:40:46 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="baidu-site-verification" content="codeva-bhaFvYlfgd" />
<meta
name="keywords"
content="deepl、deepl翻译、百度翻译、谷歌翻译、腾讯翻译君"
/>
<meta
name="description"
2025-07-02 18:32:06 +08:00
content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
2025-06-29 00:40:46 +08:00
/>
<meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
<link rel="stylesheet" href="static/css/public.css" />
<link rel="stylesheet" href="static/css/layui.css" />
<script src="static/js/jquery-1.11.0.min.js"></script>
<script src="static/js/axios.min.js"></script>
<script src="static/js/countUp.min.js"></script>
<script src="static/js/vue.js"></script>
<script src="static/js/lodash.min.js"></script>
<script src="static/js/layui.all.js"></script>
<script src="static/js/common.js"></script>
2025-07-02 18:32:06 +08:00
<title>聚合翻译</title>
2025-06-29 00:40:46 +08:00
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c4e0dd6add63dd71fa52870120ca22cf";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="public-header normal" id="main">
<div class="container clearfix">
<div class="left">
<img class="logo default" src="static/picture/logo.png" alt="" /><img
class="logo1 default"
src="static/picture/logo1.png"
alt=""
/><img class="logo light" src="static/picture/logow.png" alt="" /><img
class="logo1 light"
src="static/picture/logo1w.png"
alt=""
/>
<div class="nav">
<a class="" href="index.html"><span>首页</span></a
><a class="" href="onlineTranslation.html"><span>文本翻译</span></a
><a class="" href="voice.html"><span>语音翻译</span></a
><a class="active" href=""><span>API文档</span></a
><a class="" href="commonProblems.html"><span>常见问题</span></a>
</div>
</div>
<div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
2025-07-02 18:32:06 +08:00
<a href="userinfo.html" class="console">控制台</a>
2025-06-29 00:40:46 +08:00
<div class="user-info">
<div class="phone">{{userInfo.name}}</div>
<i></i>
<div class="log-out" @click="logOut">退出</div>
</div>
</div>
<div v-else class="right">
<a class="unlogin" href="login.html">登录</a>
</div>
</div>
<div class="bg"></div>
</div>
<script type="text/javascript">
var vm = new Vue({
el: "#main",
data() {
return {
userInfo: {},
token: "",
};
},
created() {},
mounted() {
let token = localStorage.getItem("token");
if (token) {
this.token = token;
this.getUserInfo();
} else {
// location.href = "login.html";
}
},
methods: {
logOut() {
axios
.post("/logout", {
headers: {
Authorization: `Bearer ${this.token}`,
},
})
.then((response) => {
localStorage.removeItem("token");
location.reload();
});
},
getUserInfo() {
let that = this;
console.log("tokenxx", this.token);
axios
.get("/getinfo", {
headers: {
Authorization: `Bearer ${this.token}`,
},
})
.then((response) => {
if (response.data.code === 200) {
this.userInfo = response.data.data;
console.log("userinfo", this.userInfo);
} else {
localStorage.removeItem("token");
location.href = "login.html";
}
});
},
},
});
</script>
<div class="page-api" id="app">
<div class="w1200">
<div
class="nav navs"
style="background-color: unset !important; overflow-y: auto"
id="leftFixed"
>
<ul>
<!-- 独立介绍项 -->
<li class="intro-item on"><div>介绍</div></li>
<!-- 文本翻译折叠区块 -->
<li class="foldable-section expanded">
<div class="section-header">
<div style="margin-left: 0">文本翻译</div>
<div class="arrow">
<img
src="static/picture/p133.png"
style="width: 16px; height: 16px"
/>
</div>
</div>
<ul class="sub-menu">
<li><span>验证</span></li>
<li><span>获取翻译明细</span></li>
<li><span>获取翻译记录</span></li>
<li><span>文本翻译接口</span></li>
<li><span>批量翻译接口(谷歌)</span></li>
<li><span>多语种翻译接口(谷歌)</span></li>
<li><span>语言列表</span></li>
<li><span>文本翻译代码示例</span></li>
</ul>
</li>
<!-- 语音翻译折叠区块 -->
<li class="foldable-section expanded">
<div class="section-header">
<div style="margin-left: 0">语音翻译</div>
<div class="arrow">
<img
src="static/picture/p133.png"
style="width: 16px; height: 16px"
/>
</div>
</div>
<ul class="sub-menu">
<li><span>身份验证</span></li>
<li><span>语音转文字识别</span></li>
<li><span>指定语言语音翻译</span></li>
<li><span>自动识别语言语音翻译</span></li>
<li><span>状态码列表</span></li>
<li><span>语音翻译代码示例</span></li>
</ul>
</li>
</ul>
</div>
2025-07-02 18:32:06 +08:00
<!--<div class="p1 content">--><!-- <h3>聚合翻译API</h3>--><!-- <p>聚合翻译为你提供主流翻译引擎机器翻译技术</p>--><!-- <div class="line"></div>--><!-- <div class="w1">为什么选择聚合翻译?</div>--><!-- <div class="w2">我们是主流翻译引擎综合代理服务商,汇集众多企业客户,从而可以享受较低的渠道价格。</div>--><!--</div>-->
2025-06-29 00:40:46 +08:00
<div class="p2 content">
<div class="w1">介绍</div>
2025-07-02 18:32:06 +08:00
<!--<h3 data="介绍">聚合翻译API</h3>-->
<p>聚合翻译为你提供主流翻译引擎机器翻译技术</p>
2025-06-29 00:40:46 +08:00
<div class="line"></div>
2025-07-02 18:32:06 +08:00
<div class="w1">为什么选择聚合翻译?</div>
2025-06-29 00:40:46 +08:00
<div class="w2">
我们是主流翻译引擎综合代理服务商,汇集众多企业客户,从而可以享受较低的渠道价格。
</div>
<div class="line" style="margin-top: 30px"></div>
<div class="w1t-container">
<div class="w1t">
<div class="w1t-border"></div>
<div class="w1t-text">文本翻译</div>
</div>
</div>
<div class="w1">验证</div>
<div class="w2">
您需要身份验证密钥才能访问
API。如果您已登录您可以在控制台中找到您的密钥。对您的密钥保密非常重要。您不应将密钥放在公开分发的代码中。
</div>
<div class="line" style="margin-top: 30px"></div>
<div class="w1">接口地址</div>
<div class="w2">http://www.trans-home.com</div>
<!-- <div class="w1">错误处理</div> -->
<div class="w1">获取翻译明细</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">获取用户翻译明细</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">/api/index/getUserNums?token=TOKEN</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">获取用户可翻译字符串数量和已使用数量</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">请求方式get</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>token</div>
<div>签名</div>
<div>String</div>
<div>到控制台查看</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>code</div>
<div>状态码</div>
<div>int</div>
<div>详见状态列表</div>
</div>
<div class="item">
<div>info</div>
<div>返回状态说明</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>data</div>
<div>返回数据结果集</div>
<div>String</div>
<div>JSON字符串</div>
</div>
</div>
<div class="col"><div class="label">data结果集</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
</div>
<div class="item">
<div>use_num</div>
<div>可翻译字符串数量</div>
<div>int</div>
</div>
<div class="item">
<div>is_used</div>
<div>已翻译翻译字符串数量</div>
<div>int</div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"code": 1,"data": {"use_num": 10000, "is_used"200},"info":
"获取成功"}
</div>
</div>
</div>
<div class="w1">获取翻译记录</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">translateLogs</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">/api/index/translateLogs?token=TOKEN</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">获取用户翻译记录</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">请求方式get</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>token</div>
<div>签名</div>
<div>String</div>
<div>到控制台查看</div>
<div></div>
</div>
<div class="item">
<div>page</div>
<div>页数</div>
<div>int</div>
<div></div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>code</div>
<div>状态码</div>
<div>int</div>
<div>详见状态列表</div>
</div>
<div class="item">
<div>info</div>
<div>返回状态说明</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>data</div>
<div>返回数据结果集</div>
<div>String</div>
<div>JSON字符串</div>
</div>
</div>
<div class="col"><div class="label">data结果集</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
</div>
<div class="item">
<div>use_nums</div>
<div>翻译字符串数量</div>
<div>int</div>
</div>
<div class="item">
<div>use_date</div>
<div>翻译时间</div>
<div>Datetime</div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"code": 1,"data": [{"use_nums": 10000, "use_date""2023-09-22
11:11:11"}],"info": "获取成功"}
</div>
</div>
</div>
<div class="w1">文本翻译接口</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">translate</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">/api/index/translate?token=Token</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">翻译接口</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">post</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>keywords</div>
<div>待翻译文本</div>
<div>String</div>
<div>hello</div>
<div></div>
</div>
<div class="item">
<div>sourceLanguage</div>
<div>源语言</div>
<div>String</div>
<div>翻译语言,详见支持语种</div>
<div></div>
</div>
<div class="item">
<div>targetLanguage</div>
<div>翻译语言</div>
<div>String</div>
<div>翻译语言,详见支持语种</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>code</div>
<div>状态码</div>
<div>int</div>
<div>0:失败1:成功</div>
</div>
<div class="item">
<div>info</div>
<div>返回状态说明</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>data</div>
<div>返回数据结果集</div>
<div>String</div>
<div>JSON字符串</div>
</div>
</div>
<div class="col"><div class="label">data结果集</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
</div>
<div class="item">
<div>text</div>
<div>译文</div>
<div>String</div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"code": 1,"data": {"text": "你好"},"info": "翻译成功"}
</div>
</div>
</div>
<div class="w1">批量翻译接口(谷歌)</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">translateBatch</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">/api/index/translateBatch?token=Token</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">翻译接口</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">post</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>keywords</div>
<div>待翻译文本</div>
<div>Array</div>
<div>["hello","world"]</div>
<div></div>
</div>
<div class="item">
<div>targetLanguage</div>
<div>翻译语言</div>
<div>String</div>
<div>翻译语言,详见支持语种</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>code</div>
<div>状态码</div>
<div>int</div>
<div>0:失败1:成功</div>
</div>
<div class="item">
<div>info</div>
<div>返回状态说明</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>data</div>
<div>返回数据结果集</div>
<div>String</div>
<div>JSON字符串</div>
</div>
</div>
<div class="col"><div class="label">data结果集</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
</div>
<div class="item">
<div>text</div>
<div>译文</div>
<div>String</div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"code":1,"info":"翻译成功","data":{"text":["Hallo","Welt"]}}
</div>
</div>
</div>
<div class="w1">多语种翻译接口(谷歌)</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">transBatchLanguage</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">/api/index/transBatchLanguage?token=Token</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">翻译接口</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">post</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>keywords</div>
<div>待翻译文本</div>
<div>String</div>
<div></div>
<div></div>
</div>
<div class="item">
<div>targetLanguage</div>
<div>翻译语言</div>
<div>Array</div>
<div>["zh-cn","de"]</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>code</div>
<div>状态码</div>
<div>int</div>
<div>0:失败1:成功</div>
</div>
<div class="item">
<div>info</div>
<div>返回状态说明</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>data</div>
<div>返回数据结果集</div>
<div>String</div>
<div>JSON字符串</div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"code":1,"info":"翻译成功","data":{"zh":"你好","de":"Hallo"}}
</div>
</div>
</div>
<div class="w1">语言列表</div>
<div class="row" v-for="(item,index) in translateList">
<div class="col copy-col">
<div class="label">{{index}}</div>
<div class="copy" @click="copy(item)">复制</div>
</div>
<div class="content-table copy-table">
<div class="result">
<p v-for="(v,i) in item">{{i}} - {{v}}</p>
</div>
</div>
</div>
<div class="w1">文本翻译代码示例</div>
<div class="row">
<div class="col"><div class="label">php</div></div>
<div class="content-table copy-table">
<div class="result">
<p>
<code>
$curl = curl_init();<br />
curl_setopt_array($curl, array(<br />
&nbsp;CURLOPT_URL =>
'http://www.trans-home.com/api/index/translate?token=你的token',<br />
&nbsp;CURLOPT_RETURNTRANSFER => true,<br />
&nbsp;CURLOPT_ENCODING => '',<br />
&nbsp;CURLOPT_MAXREDIRS => 10,<br />
&nbsp;CURLOPT_TIMEOUT => 0,<br />
&nbsp;CURLOPT_FOLLOWLOCATION => true,<br />
&nbsp;CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,<br />
&nbsp;CURLOPT_CUSTOMREQUEST => 'POST',<br />
&nbsp;CURLOPT_POSTFIELDS
=>'{"keywords":"hi","targetLanguage":"de"}',<br />
&nbsp;CURLOPT_HTTPHEADER => array(<br />
&nbsp;'Content-Type: application/json'<br />
&nbsp;),<br />
));<br />
$response = curl_exec($curl);<br />
curl_close($curl);<br />
echo $response;</code
>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col"><div class="label">curl</div></div>
<div class="content-table copy-table">
<div class="result">
<p>
<code>
curl --location
'http://www.trans-home.com/api/index/translate?token=你的token'
\<br />
--header 'Content-Type: application/json' \<br />
--data '{"keywords":"hi","targetLanguage":"de"}'</code
>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col"><div class="label">java</div></div>
<div class="content-table copy-table">
<div class="result">
<p>
<code>
OkHttpClient client = new OkHttpClient().newBuilder()<br />
.build();<br />
MediaType mediaType =
MediaType.parse("application/json");<br />
RequestBody body = RequestBody.create(mediaType,
"{\"keywords\":\"hi\",\"targetLanguage\":\"de\"}");<br />
Request request = new Request.Builder()<br />
.url("http://www.trans-home.com/api/index/translate?token=你的token")<br />
.method("POST", body)<br />
.addHeader("Content-Type", "application/json")<br />
.build();<br />
Response response = client.newCall(request).execute();</code
>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col"><div class="label">python</div></div>
<div class="content-table copy-table">
<div class="result">
<p>
<code>
import requests<br />
import json<br />
url =
"http://www.trans-home.com/api/index/translate?token=你的token"<br />
payload = json.dumps({<br />
&nbsp;"keywords": "hi",<br />
&nbsp;"targetLanguage": "de"<br />
})<br />
headers = {<br />
&nbsp;'Content-Type': 'application/json'<br />
}<br />
response = requests.request("POST", url, headers=headers,
data=payload)<br />
print(response.text)</code
>
</p>
</div>
</div>
</div>
<div class="line" style="margin-top: 30px"></div>
<div class="w1t-container">
<div class="w1t">
<div class="w1t-border"></div>
<div class="w1t-text">语音翻译</div>
</div>
</div>
<div class="w1">身份验证</div>
<div class="w2">
您需要身份验证密钥才能访问
API。如果您已登录您可以在控制台中找到您的密钥。对您的密钥保密非常重要。您不应将密钥放在公开分发的代码中。
</div>
<div class="line" style="margin-top: 30px"></div>
<div class="w1">接口地址</div>
<div class="w2">wss://wss.trans-home.com/speech/ws</div>
<!-- <div class="w1">错误处理</div> -->
<div class="w1">语音转文字识别</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">语音转文字识别</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">
wss://wss.trans-home.com/speech/ws?token=TOKEN
</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">语音转文字识别</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">请求方式websoket</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>token</div>
<div>用户身份token</div>
<div>String</div>
<div></div>
<div></div>
</div>
<div class="item">
<div>language</div>
<div>识别语言</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=stt"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
<div></div>
</div>
<div class="item">
<div>silenceTimeout</div>
<div>静音超时时长</div>
<div>int</div>
<div>默认为0</div>
<div></div>
</div>
<div class="item">
<div>sampleRate</div>
<div>采样率</div>
<div>int</div>
<div>默认为44100</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>status</div>
<div>状态码</div>
<div>String</div>
<div>详见状态码列表</div>
</div>
<div class="item">
<div>text</div>
<div>返回文本</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>startTime</div>
<div>识别开始时间</div>
<div>int</div>
<div></div>
</div>
<div class="item">
<div>endTime</div>
<div>识别结束时间</div>
<div>int</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"startTime": 1,"text":"你好","endTime":
3,"status":"recognized"}
</div>
</div>
</div>
<div class="w1">指定语言语音翻译</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">指定语言语音翻译</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">
wss://wss.trans-home.com/speech/ws?token=TOKEN
</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">指定语言语音翻译</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">请求方式websoket</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>token</div>
<div>用户身份token</div>
<div>String</div>
<div></div>
<div></div>
</div>
<div class="item">
<div>language</div>
<div>识别语言</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=speech-translation"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
<div></div>
</div>
<div class="item">
<div>transType</div>
<div>翻译类型</div>
<div>int</div>
<div>需写成1</div>
<div></div>
</div>
<div class="item">
<div>transLanguage</div>
<div>翻译语种</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=speech-translation"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
<div></div>
</div>
<div class="item">
<div>silenceTimeout</div>
<div>静音超时时长</div>
<div>int</div>
<div>默认为0</div>
<div></div>
</div>
<div class="item">
<div>sampleRate</div>
<div>采样率</div>
<div>int</div>
<div>默认为44100</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>status</div>
<div>状态码</div>
<div>String</div>
<div>详见状态码列表</div>
</div>
<div class="item">
<div>language</div>
<div>识别后的语种</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=speech-translation"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
</div>
<div class="item">
<div>source</div>
<div>识别文本</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>target</div>
<div>翻译的文本</div>
<div>json</div>
<div></div>
</div>
<div class="item">
<div>startTime</div>
<div>识别开始时间</div>
<div>int</div>
<div></div>
</div>
<div class="item">
<div>endTime</div>
<div>识别结束时间</div>
<div>int</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"startTime": 1,"text":"你好","endTime":
3,"status":"recognized"}
</div>
</div>
</div>
<div class="w1">自动识别语言语音翻译</div>
<div class="row">
<div class="col">
<div class="label">接口名称:</div>
<div class="value">自动识别语言语音翻译</div>
</div>
<div class="col">
<div class="label">接口路径:</div>
<div class="value">
wss://wss.trans-home.com/speech/ws?token=TOKEN
</div>
</div>
<div class="col">
<div class="label">接口说明:</div>
<div class="value">自动识别语言语音翻译</div>
</div>
<div class="col">
<div class="label">调用说明:</div>
<div class="value">请求方式websoket</div>
</div>
<div class="col"><div class="label">入参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
<div>是否必填</div>
</div>
<div class="item">
<div>token</div>
<div>用户身份token</div>
<div>String</div>
<div></div>
<div></div>
</div>
<div class="item">
<div>language</div>
<div>识别语言</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=speech-translation"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
<div></div>
</div>
<div class="item">
<div>transType</div>
<div>翻译类型</div>
<div>int</div>
<div>需写成2</div>
<div></div>
</div>
<div class="item">
<div>silenceTimeout</div>
<div>静音超时时长</div>
<div>int</div>
<div>默认为0</div>
<div></div>
</div>
<div class="item">
<div>sampleRate</div>
<div>采样率</div>
<div>int</div>
<div>默认为44100</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">出参列表:</div></div>
<div class="content-table">
<div class="item">
<div>参数名称</div>
<div>参数说明</div>
<div>参数类型</div>
<div>备注</div>
</div>
<div class="item">
<div>status</div>
<div>状态码</div>
<div>String</div>
<div>详见状态码列表</div>
</div>
<div class="item">
<div>source</div>
<div>返回文本</div>
<div>String</div>
<div></div>
</div>
<div class="item">
<div>language</div>
<div>识别后的语种</div>
<div>String</div>
<div>
<a
href="https://learn.microsoft.com/zh-cn/azure/ai-services/speech-service/language-support?tabs=speech-translation"
style="color: blue"
target="_blank"
>微软语种</a
>
</div>
</div>
<div class="item">
<div>target</div>
<div>翻译的文本</div>
<div>json</div>
<div></div>
</div>
<div class="item">
<div>startTime</div>
<div>识别开始时间</div>
<div>int</div>
<div></div>
</div>
<div class="item">
<div>endTime</div>
<div>识别结束时间</div>
<div>int</div>
<div></div>
</div>
</div>
<div class="col"><div class="label">返回结果:</div></div>
<div class="content-table">
<div class="result">
{"startTime": 1,"language":"en-US","source":"hello","endTime":
3,"status":"recognized","target":{"zh-Hans":"你好","en":"hello"}}
</div>
</div>
</div>
<div class="w1">状态码列表</div>
<div class="row">
<div class="content-table">
<div class="item">
<div style="width: 50%">状态码</div>
<div>状态描述</div>
</div>
<div class="item">
<div style="width: 50%">recognized</div>
<div>翻译完成</div>
</div>
<div class="item">
<div style="width: 50%">recognizing</div>
<div>翻译中</div>
</div>
</div>
</div>
<div class="w1">语音翻译代码示例</div>
<div class="w2">详情请联系客服</div>
</div>
</div>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data() {
return {
step: 1,
translateList: [],
};
},
mounted() {
this.getLanguages();
},
methods: {
getLanguages() {
axios.get("/api/translate/getLanguages").then((res) => {
this.translateList = res.data.data;
});
},
copy(val) {
const jsonStr = JSON.stringify(val);
// 模拟 输入框
var cInput = document.createElement("input");
cInput.value = jsonStr;
document.body.appendChild(cInput);
cInput.select(); // 选取文本框内容
// 执行浏览器复制命令
// 复制命令会将当前选中的内容复制到剪切板中这里就是创建的input标签
// Input要在正常的编辑状态下原生复制方法才会生效
document.execCommand("copy");
layer.msg("复制成功");
// 复制成功后再将构造的标签 移除
document.body.removeChild(cInput);
},
},
});
</script>
<script type="text/javascript">
function keepMinDistance() {
const fixedDiv = document.getElementById("leftFixed");
const footer = document.querySelector(".public-footer");
const footerRect = footer.getBoundingClientRect();
const fixedHeight = fixedDiv.offsetHeight;
// 视口高度 - 元素底部距离视口顶部 < 20px + 元素高度
const fixedBottom = 120 + fixedHeight;
const overlap = fixedBottom - footerRect.top + 60;
if (overlap > 0) {
// 靠近 footer往上“抬”
fixedDiv.style.top = `${120 - overlap}px`;
} else {
// 正常吸顶
fixedDiv.style.top = "120px";
}
}
window.addEventListener("scroll", keepMinDistance);
window.addEventListener("resize", keepMinDistance);
function isInViewport(ele) {
let elementTop = $(ele).offset().top;
let elementBottom = elementTop + $(ele).outerHeight();
let viewportTop = $(window).scrollTop();
let viewportBottom = viewportTop + $(window).height();
return elementBottom - 150 > viewportTop && elementTop < viewportBottom;
}
$(function () {
keepMinDistance(); // 初始执行
$(".nav li").click(function (e) {
// 阻止事件冒泡,避免触发父元素的点击事件
e.stopPropagation();
// 只有当点击的是直接子项(非折叠区块的标题)时才执行
if (!$(this).hasClass("foldable-section")) {
var text = $(this).text().trim(); // 获取去除空格的文本
if (text != "介绍") {
$(".w1").each(function (index, item) {
if (
$(item).text().trim() == text ||
$(item).attr("data") == text
) {
$(window).scrollTop($(item).offset().top - 123);
}
});
} else {
$(window).scrollTop(0);
}
// 只给当前点击项添加on类
$(".nav li").removeClass("on"); // 先移除所有
$(this).addClass("on"); // 再添加当前
// 如果是子菜单项也给父级标题添加active类可选
if ($(this).closest(".sub-menu").length) {
$(this)
.closest(".foldable-section")
.find(".section-header")
.addClass("active");
}
}
});
// 折叠区块标题点击处理(单独绑定)
$(".section-header").click(function () {
$(this).parent().toggleClass("expanded");
$(this)
.find(".arrow img")
.attr("src", function (i, src) {
return src.includes("p1333.png")
? "https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p133.png"
: "https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p1333.png";
});
});
// 滚动监听调整(确保只匹配精确文本)
$(window).scroll(function () {
var viewArr = [];
$(".w1").each(function (index, item) {
if (isInViewport(item)) {
viewArr.push({
element: item,
text: $(item).text().trim(),
data: $(item).attr("data"),
});
}
});
if (viewArr[0]) {
$(".nav li").removeClass("on");
// 精确匹配(排除包含关系)
$(".nav li").each(function () {
var liText = $(this).text().trim();
if (liText === viewArr[0].text || liText === viewArr[0].data) {
$(this).addClass("on");
this.scrollIntoView({ behavior: "smooth", block: "center" });
// 如果是子菜单项,展开父级
if ($(this).closest(".sub-menu").length) {
$(this)
.closest(".foldable-section")
.addClass("expanded")
.find(".arrow img")
.attr(
"src",
"https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p133.png"
);
}
}
});
}
});
});
</script>
<div class="public-footer">
<div class="w1200">
<div class="left"><img src="static/picture/logo.png" alt="" /></div>
<div
style="
flex-direction: column;
line-height: 23px;
padding-left: 100px;
color: #fff;
font-size: 12px;
"
>
<p style="color: #fff; font-size: 12px"><span>关于我们:</span></p>
<p style="color: #fff; font-size: 12px">
<span></span>
</p>
</div>
<div class="right" style="white-space: nowrap">
<p></p>
<p><span>联系我们:</span></p>
<p><span>地址:</span></p>
<p><span>邮箱:</span></p>
<p class=""><span>电话: </span></p>
</div>
</div>
<div class="copyright">
<a href="https://beian.miit.gov.cn/" target="blank"
></a
>
</div>
</div>
</body>
</html>