发表于 2024年6月18日1年前 在 B 站之前就有碰到用 Azure TTS 配音的视频，虽然会听出一点电流声觉得不正常，但是整体语音表现无限接近于真人，不得不感叹地表最强 TTS 的实力。最近项目需要接触了下 Azure TTS ，但是官方的演示页面不知道啥时候下架了，最近又在学 react 和 typescript ，自然拐进了 nextjs 的坑，就当练手搞了个演示站，技术栈是 react + nextjs + nextui + tailwindcss 。服务器白嫖 vercel ，域名用的子域名，部署服务 0 费用.项目支持 vercel 一键部署，需要使用你自己的 key ，如果有 visa 卡，可以通过 https://azure.microsoft.com/zh-cn/products/ai-services/text-to-speech 注册一个账户白嫖一年。当然也欢迎免费体验~1. 语音感情方面，带有多语言标签的语音表现最好，最接近真人2. 其他语音支持配置风格和角色的有些效果也很惊喜3. 高级设置可以设置语速、语调、音量4. 支持下载语音网站链接： https://tts.femoon.top仓库地址： https://github.com/Femoon/tts-azure-web技术相关：第一次接触 nextjs ，项目中用了官方的方法实现多语言切换，说实话通过 url 跳转切换很奇怪，看了几个开源项目，都是类似方案实现。想问下现在主流的 nextjs14 多语言方案是什么。代码不规范的地方的地方还请坛友指点下，感谢~
最近项目需要接触了下 Azure TTS ，但是官方的演示页面不知道啥时候下架了，最近又在学 react 和 typescript ，自然拐进了 nextjs 的坑，就当练手搞了个演示站，技术栈是 react + nextjs + nextui + tailwindcss 。服务器白嫖 vercel ，域名用的子域名，部署服务 0 费用.
项目支持 vercel 一键部署，需要使用你自己的 key ，如果有 visa 卡，可以通过 https://azure.microsoft.com/zh-cn/products/ai-services/text-to-speech 注册一个账户白嫖一年。
当然也欢迎免费体验~
1. 语音感情方面，带有多语言标签的语音表现最好，最接近真人
2. 其他语音支持配置风格和角色的有些效果也很惊喜
3. 高级设置可以设置语速、语调、音量
4. 支持下载语音
网站链接： https://tts.femoon.top
仓库地址： https://github.com/Femoon/tts-azure-web
技术相关：第一次接触 nextjs ，项目中用了官方的方法实现多语言切换，说实话通过 url 跳转切换很奇怪，看了几个开源项目，都是类似方案实现。想问下现在主流的 nextjs14 多语言方案是什么。代码不规范的地方的地方还请坛友指点下，感谢~