1371 lines
50 KiB
HTML
1371 lines
50 KiB
HTML
<!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"
|
||
content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
|
||
/>
|
||
<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>
|
||
<title>翻译之家</title>
|
||
<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">
|
||
<a href="userInfo.html" class="console">控制台</a>
|
||
<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>
|
||
<!--<div class="p1 content">--><!-- <h3>翻译之家API</h3>--><!-- <p>翻译之家为你提供主流翻译引擎机器翻译技术</p>--><!-- <div class="line"></div>--><!-- <div class="w1">为什么选择翻译之家？</div>--><!-- <div class="w2">我们是主流翻译引擎综合代理服务商，汇集众多企业客户，从而可以享受较低的渠道价格。</div>--><!--</div>-->
|
||
<div class="p2 content">
|
||
<div class="w1">介绍</div>
|
||
<!--<h3 data="介绍">翻译之家API</h3>-->
|
||
<p>翻译之家为你提供主流翻译引擎机器翻译技术</p>
|
||
<div class="line"></div>
|
||
<div class="w1">为什么选择翻译之家？</div>
|
||
<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 />
|
||
CURLOPT_URL =>
|
||
'http://www.trans-home.com/api/index/translate?token=你的token',<br />
|
||
CURLOPT_RETURNTRANSFER => true,<br />
|
||
CURLOPT_ENCODING => '',<br />
|
||
CURLOPT_MAXREDIRS => 10,<br />
|
||
CURLOPT_TIMEOUT => 0,<br />
|
||
CURLOPT_FOLLOWLOCATION => true,<br />
|
||
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,<br />
|
||
CURLOPT_CUSTOMREQUEST => 'POST',<br />
|
||
CURLOPT_POSTFIELDS
|
||
=>'{"keywords":"hi","targetLanguage":"de"}',<br />
|
||
CURLOPT_HTTPHEADER => array(<br />
|
||
'Content-Type: application/json'<br />
|
||
),<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 />
|
||
"keywords": "hi",<br />
|
||
"targetLanguage": "de"<br />
|
||
})<br />
|
||
headers = {<br />
|
||
'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>
|