admin/aggregate_translate_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
eda41d7e006f7c341306a698dfb9b62907a2f0a9
aggregate_translate_website/index.html

710 lines
26 KiB
HTML
Raw Normal View History

1
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"
1
2025-07-02 18:32:06 +08:00
content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
1
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>
1
2025-07-02 18:32:06 +08:00
<title>聚合翻译</title>
1
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 0" 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="active" href=""><span>首页</span></a
><a class="" href="onlineTranslation.html"><span>文本翻译</span></a
><a class="" href="voice.html"><span>语音翻译</span></a
><a class="" href="api.html"><span>API文档</span></a
><a class="" href="commonProblems.html"><span>常见问题</span></a>
</div>
</div>
<div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
1
2025-07-02 18:32:06 +08:00
<a href="userinfo.html" class="console">控制台</a>
1
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(token);
} else {
// location.href = "login.html";
}
},
methods: {
logOut() {
axios
.post("/logout", {
headers: {
Authorization: `Bearer ${this.token}`,
},
})
.then((response) => {
localStorage.removeItem("token");
location.reload();
});
},
getUserInfo(token) {
let that = this;
axios
.get("/getinfo", {
headers: {
Authorization: `Bearer ${this.token}`,
},
})
.then((response) => {
console.log("userinfo", response.data);
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="index-content" id="app">
<div class="index-module" style="height: 500px">
<div class="index-top index-tops active" style="position: absolute">
<!-- <img class="banner" src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/banner.png" alt=""> -->
<div class="module-info">
<div class="left">
<h2>聚合「翻译引擎」</h2>
<p>超低价、灵活切换</p>
<div class="consult" style="z-index: 9999">立即免费使用</div>
</div>
<div class="right cooperate">
<div class="col"><img src="static/picture/p2.png" alt="" /></div>
<div class="col"><img src="static/picture/p3.png" alt="" /></div>
<div class="col"><img src="static/picture/p4.png" alt="" /></div>
<div class="col">
<img src="static/picture/youdao.png" alt="" />
</div>
</div>
</div>
<div class="module-bottom">
<ul>
<li>
<div><b id="counter"></b><i>字+</i></div>
<p>翻译字数</p>
</li>
<li>
<div><b id="counter1"></b><i>页+</i></div>
<p>翻译页数</p>
</li>
<li>
<div><b id="counter2"></b><i>家+</i></div>
<p>服务企业</p>
</li>
</ul>
<div class="bg"></div>
</div>
</div>
<div class="index-tops transtop">
<div class="transcontainer">
<div class="left-section">
<div class="title-line">
<div class="tts-title">微软TTS</div>
<div class="ai-voice">--AI语音 媲美真人</div>
</div>
<div class="subtitles">TTS、STT接口免费试用，企业专享低折扣!</div>
<div class="descriptions">
第五代TTS引擎MeetHiFiVoice，声音更自然、满足情感支持多语种、多方言、中英混读，语音表现更智能，500+高品质发音人，满足不同应用需求，可调节语速、音调、情感，灵活定制个性化音频
</div>
<div class="trial-btn consult">- 免费试用 -</div>
</div>
<div class="right-section">
<img src="static/picture/trans1.png" alt="微软TTS展示图" />
</div>
</div>
<div class="stats-container">
<div class="stat-item">99.8%语音识别率</div>
<div class="stat-item">8000000000翻译语音数</div>
<div class="stat-item">100+企业服务</div>
</div>
</div>
<div class="arrow-btn arrow-left"></div>
<div class="arrow-btn arrow-right"></div>
</div>
<div class="index-module price-module w1200">
<div class="index-title">
<div class="title">价格中心</div>
<p>了解各翻译引擎的价格</p>
</div>
<div class="table-data">
<div class="title">文本翻译</div>
<ul class="table">
<li class="row-top">
<div class="col"><span>翻译引擎</span></div>
<div class="col"><span>计费方式</span></div>
<div class="col"><span>价格（U/百万字符）</span></div>
<div class="col"><span>并发(qps)</span></div>
<!-- <div class="col"><span>优惠比例(原价)</span></div> -->
</li>
<li class="row-info" v-for="item in platforms" :key="'platforms_'+item.id">
<div class="item">{{item.showName}}</div>
<div class="item">按调用字符计费</div>
<div class="item">{{item.price}}</div>
<div class="item">5～1000（支持扩展）</div>
</li>
<!-- <div class="item">
4.4折（25美元）<img src="static/picture/p7.png" alt="" />
</div> -->
<!-- </li>
<li class="row-info">
<div class="item">谷歌翻译-V2/V3</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">60（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
5.5折（20美元）<img src="static/picture/p7.png" alt="" />
</div>
</li>
<li class="row-info">
<div class="item">百度翻译-企业版本</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">25（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
5折（50元）<img src="static/picture/p7.png" alt="" />
</div>
</li>
<li class="row-info">
<div class="item">有道翻译</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">25（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
1
2025-07-02 18:32:06 +08:00
5折<img src="static/picture/p7.png" alt="" />
1
2025-06-29 00:40:46 +08:00
</div>
</li>
<li class="row-info">
<div class="item">微软翻译</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">60（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
8.2折（10美元）<img src="static/picture/p7.png" alt="" />
</div>
</li>
<li class="row-info">
<div class="item">火山翻译</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">25（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
1
2025-07-02 18:32:06 +08:00
5折<img src="static/picture/p7.png" alt="" />
1
2025-06-29 00:40:46 +08:00
</div>
</li>
<li class="row-info">
<div class="item">chatgpt翻译</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">50（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
5折（100元）<img src="static/picture/p7.png" alt="" />
</div>
</li>
<li class="row-info">
<div class="item">yandex翻译</div>
<div class="item">按调用字符计费</div>
1
2025-07-02 18:32:06 +08:00
<div class="item">25（电报咨询，领取折扣）</div>
1
2025-06-29 00:40:46 +08:00
<div class="item">5～1000（支持扩展）</div>
<div class="item">
8.3折（30元）<img src="static/picture/p7.png" alt="" />
</div>
</li> -->
</ul>
</div>
</div>
<div class="index-module price-module w1200">
<div class="index-title">
<div class="title">AI配音 & 实时翻译</div>
<p>140+语言方言 | 400+高品质音色 | 随心选择（接口免费试用）</p>
</div>
<div style="padding: 0 94px">
<div class="containerAi">
<div class="small-div">
<div class="image-container">
<img
src="static/picture/ai1.png"
alt="图片1"
style="width: 100%; height: 100%; object-fit: contain"
/>
</div>
<div class="title">前沿语音引擎</div>
<div class="description">
AI语音合成|虚拟人配音|个性化声音定制
</div>
</div>
<div class="small-div">
<div class="image-container">
<img
src="static/picture/ai2.png"
alt="图片2"
style="width: 100%; height: 100%; object-fit: contain"
/>
</div>
<div class="title">语音库</div>
<div class="description">
覆盖149+语言，492+语音，媲美真人，富有表现力
</div>
</div>
<div class="small-div">
<div class="image-container">
<img
src="static/picture/ai3.png"
alt="图片3"
style="width: 100%; height: 100%; object-fit: contain"
/>
</div>
<div class="title">定制声音</div>
<div class="description">
用你的声音创造独一无二的TTS音色，赋予品牌个性
</div>
</div>
</div>
<img src="static/picture/ai4.png" alt="" style="width: 100%" />
<div class="index-title">
<p>短视频配音 | 精准识别 | 自然合成 | 支持100+语言和方言</p>
</div>
<div
class="containerAi"
style="
width: 688px;
margin: 0 auto;
margin-top: 36px;
margin-bottom: 52px;
"
>
<div class="small-div">
<div class="image-container">
<img
src="static/picture/ai5.png"
alt="图片1"
style="width: 100%; height: 100%; object-fit: contain"
/>
</div>
<div class="title">个性化语音</div>
<div class="description">
从真人声音轻松生成AI语音，打造专属语音体验
</div>
</div>
<div class="small-div">
<div class="image-container">
<img
src="static/picture/ai6.png"
alt="图片2"
style="width: 100%; height: 100%; object-fit: contain"
/>
</div>
<div class="title">智能语音创作</div>
<div class="description">
灵活调整语音风格、语速、发音，让AI表达更具情感
</div>
</div>
</div>
<img src="static/picture/ai7.png" alt="" style="width: 100%" />
</div>
</div>
<div class="index-module price-module w1200">
<div class="index-title">
<div class="title">产品优势</div>
<p>微软认证技术团队全程支持</p>
<div class="cpys">
<div style="height: 455px"></div>
<div class="info">
*微软TTS(Text-to-Speech)是微软研发的AI文本转语音技术，通过深度学习与神经网络，精准模拟人类语音特征，实现自然流畅的语
</div>
<div class="info">音合成。</div>
<div class="info">
*作为 Azure
Al在中国区的金牌合作伙伴，我们致力于让中国企业便捷接入这一领先的语音技术，助力业务创新。
</div>
<div class="info">
*专业技术支持，全流程服务我们的资深技术团队提供从接入到开发、部署的全方位支持，确保微软TTS和STT(语音转文本)高效落地，
</div>
<div class="info">助力企业解锁智能语音的更多可能!</div>
</div>
</div>
</div>
<div class="index-module why-cheap-module">
<div class="index-title">
<div class="title">为什么很便宜</div>
<p>了解为什么各翻译引擎很便宜</p>
</div>
<div class="w1200 clearfix">
<img src="static/picture/p9.png" alt="" />
<div class="info">
<p>深入行业<br />真正让<b>价格做到最低</b></p>
<div class="line"></div>
<div>
我们是5大主流翻译引擎综合代理服务商<br />
汇集众多企业客户，从而可以享受较低的渠道价格
</div>
</div>
</div>
</div>
<div class="index-module service-module">
<div class="w1200">
<div class="col">
<div class="img-w"><img src="static/picture/p2.png" alt="" /></div>
<p>核心服务商</p>
</div>
<div class="col">
<div class="img-w"><img src="static/picture/p3.png" alt="" /></div>
<p>金牌服务商</p>
</div>
<div class="col">
<div class="img-w">
<img
src="static/picture/soft.png"
alt=""
style="width: 215px; height: 82px"
/>
</div>
<p>金牌服务商</p>
</div>
<div class="col">
<div class="img-w"><img src="static/picture/p4.png" alt="" /></div>
<p>一级服务商</p>
</div>
<div class="col">
<div class="img-w">
<img src="static/picture/youdao.png" alt="" />
</div>
<p>二级服务商</p>
</div>
</div>
</div>
<div class="index-module order-module">
<div class="w1200">
<p>预约您的专属营销顾问，洽谈最优价格</p>
<div class="form-data">
<input
type="text"
name="name"
placeholder="请输入您的姓名"
v-model="name"
/><input
type="text"
name="tel"
placeholder="请输入您的电话"
v-model="tel"
/>
</div>
<div class="btn" @click="appointment">立即预约</div>
</div>
</div>
<div class="public-consult">
<div class="w1200">
<img class="service" src="static/picture/p23.png" alt="" />
<div class="form-row">
<input
v-model="name"
class="form-input"
type="text"
placeholder="您的称呼"
/><input
v-model="tel"
class="form-input"
type="number"
placeholder="请输入您的手机号"
/>
<div class="confirm" @click="appointment">立即预约</div>
</div>
<div class="close" title="关闭"></div>
</div>
</div>
<div class="public-customer">
<!-- <div class="top"><img src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p27.png" class="icon" /><span>客服咨询</span></div> -->
<div class="ctr">
<div class="item">
<img src="static/picture/p25.png" alt="" />
1
2025-07-02 18:32:06 +08:00
<div>电报咨询</div>
1
2025-06-29 00:40:46 +08:00
<div class="detail wechat">
1
2025-07-02 18:32:06 +08:00
<h5>电报咨询</h5>
1
2025-06-29 00:40:46 +08:00
<img src="static/picture/p23.jpg" alt="" />
1
2025-07-02 18:32:06 +08:00
<p>手机扫码加我电报</p>
1
2025-06-29 00:40:46 +08:00
</div>
</div>
<div class="line"></div>
<div class="item">
<img src="static/picture/p26.png" alt="" />
<div>电话咨询</div>
<div class="detail">
<h5>电话咨询</h5>
1
2025-07-02 18:32:06 +08:00
<div class="phone">+18435173355</div>
1
2025-06-29 00:40:46 +08:00
</div>
</div>
</div>
</div>
</div>
1
2025-07-02 18:32:06 +08:00
<!-- <div class="service-modal"><div class="content"><div class="close"></div><div class="contact">联系我们</div><img class="qrcode-img" src="/static/picture/p23.jpg" alt=""><p>请添加专属营销顾问</p></div></div> -->
1
2025-06-29 00:40:46 +08:00
<script type="text/javascript">
var vm = new Vue({
el: "#app",
data() {
return {
name: "",
tel: "",
isClick: false,
platforms:[]
};
},
mounted() {
this.getPlatforms()
},
methods: {
appointment() {
var pattern = /^1[0-9]{10}$/;
if (!pattern.test(this.tel)) {
layer.msg("手机号码有误！");
return;
}
if (this.name && !this.isClick) {
this.isClick = true;
axios
.post("/api/translate/saveAppointment", {
tel: this.tel,
name: this.name,
})
.then((response) => {
this.isClick = false;
if (response.data.code == 1) {
layer.msg("预约成功");
} else {
layer.msg(response.data.info);
}
});
} else {
layer.msg("请输入姓名");
}
},
getPlatforms() {
axios
.get("/tm-platform/list")
.then((response) => {
if (response.data.code == 200) {
this.platforms = response.data.data;
}
})
.catch((error) => {
console.log(error);
});
},
},
});
</script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
const carousel = document.querySelector(".index-module");
const slides = document.querySelectorAll(".index-tops");
const leftArrow = document.querySelector(".arrow-left");
const rightArrow = document.querySelector(".arrow-right");
let currentIndex = 0;
let isMouseOver = false;
let isAnimating = false;
let intervalTime = 4000;
let timer = null;
function showSlide(index) {
if (isAnimating) return;
isAnimating = true;
const nextIndex = (index + slides.length) % slides.length;
slides[currentIndex].classList.remove("active");
slides[nextIndex].classList.add("active");
currentIndex = nextIndex;
setTimeout(() => {
isAnimating = false;
}, 500);
}
function nextSlide() {
showSlide(currentIndex + 1);
}
function prevSlide() {
showSlide(currentIndex - 1);
}
function startAutoPlay() {
clearInterval(timer);
timer = setInterval(() => {
if (!isMouseOver) nextSlide();
}, intervalTime);
}
carousel.addEventListener("mouseenter", () => {
isMouseOver = true;
});
carousel.addEventListener("mouseleave", () => {
isMouseOver = false;
});
leftArrow.addEventListener("click", () => {
prevSlide();
startAutoPlay(); // 点击后重启定时器
});
rightArrow.addEventListener("click", () => {
nextSlide();
startAutoPlay(); // 点击后重启定时器
});
// 初始化轮播
startAutoPlay();
});
$(function () {
$(window).scroll(function () {
if ($(document).scrollTop() > 500) {
$(".public-header").addClass("normal");
} else {
$(".public-header").removeClass("normal");
}
if (
$(".order-module").offset().top - $(document).scrollTop() <=
711
) {
$(".public-consult").addClass("hideCla");
} else {
$(".public-consult").removeClass("hideCla");
}
});
// 计数
var areaCounter = new CountUp("counter", 0, 22000000000, 0, 3, {
separator: ",",
});
if (!areaCounter.error) {
areaCounter.start();
} else {
console.error(areaCounter.error);
}
var areaCounter1 = new CountUp("counter1", 0, 12000000, 0, 3, {
separator: ",",
});
if (!areaCounter1.error) {
areaCounter1.start();
} else {
console.error(areaCounter1.error);
}
var areaCounter2 = new CountUp("counter2", 0, 1000, 0, 3, {
separator: ",",
});
if (!areaCounter2.error) {
areaCounter2.start();
} else {
console.error(areaCounter2.error);
}
$(".consult").click(function () {
// $('.service-modal').fadeIn()
window.location.href = "/index/index/api";
});
$(".service-modal .close").click(function () {
$(".service-modal").fadeOut();
});
$(".public-consult .close").click(function () {
$(".public-consult").addClass("hideCla");
});
});
</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;
"
>
1
2025-07-02 18:32:06 +08:00
<p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
<p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
1
2025-06-29 00:40:46 +08:00
<span></span>
</p>
</div>
<div class="right" style="white-space: nowrap">
<p></p>
1
2025-07-02 18:32:06 +08:00
<p><span>技术服务：@apiapl_sdk</span></p>
<p><span>联系邮箱：info@apiapl.com</span></p>
<p class=""><span>联系电话:+18435173355 </span></p>
1
2025-06-29 00:40:46 +08:00
</div>
</div>
<div class="copyright">
<a href="https://beian.miit.gov.cn/" target="blank"></a>
</div>
</div>
</body>
</html>
Reference in New Issue Copy Permalink