这是一个基于 Vite + Vue 3 + TypeScript 的单页面应用,用于输入文本并返回对应文本的音频。项目使用 TailwindCSS 作为样式框架,提供简洁的用户界面和流畅的用户体验。
请按照以下步骤来安装和运行项目:
-
克隆项目代码:
git clone https://github.com/PluginsKers/vite-tts-audio-web.git cd vite-tts-audio-web
-
安装依赖:
npm install
-
运行开发服务器:
npm run dev
-
在浏览器中打开
http://localhost:3000
查看效果。
- 文本输入:用户可以在输入框中输入任意文本。
- 语音生成:点击生成按钮后,系统将生成对应文本的音频并播放。
- 错误处理:当输入文本少于 6 个字符时,显示错误提示。
项目的主要目录和文件:
vite-tts-audio-web
├── public
│ └── index.html
├── src
│ ├── assets
│ ├── components
│ ├── App.vue
│ ├── main.ts
│ └── styles.css
├── README.md
├── package.json
└── tsconfig.json
具体用法请移步:https://github.com/2noise/ChatTTS
- 前端框架:Vue 3
- 构建工具:Vite
- 编程语言:TypeScript
- 样式框架:TailwindCSS
欢迎贡献者参与本项目。如果你有任何建议或改进,请提交 issue 或 pull request。贡献步骤如下:
- Fork 本仓库
- 创建分支 (
git checkout -b feature-branch
) - 提交你的修改 (
git commit -am 'Add some feature'
) - 推送到分支 (
git push origin feature-branch
) - 创建新的 Pull Request
本项目基于 MIT 许可证开源。详细信息请参见 LICENSE 文件。