PTTS WebAPP

PTTS 網頁演示

[TOC]

使用Flask + Vue（框架：Vuetify）完成的語音合成單網頁演示項目，語音合成後端基於我的另一個項目atomicoo/ParallelTTS。

目錄結構

 .
|--- backend/
     |--- pretrained/  # 预训练模型
     |--- mytts.py     # 封装 TTS 类
     |--- ...
|--- dist/             # 前端的编译输出
|--- frontend/
     |--- public/
     |--- src/
          |--- components/
               |--- MyParaTTS.vue  # 语音合成页面
          |--- ...
     |--- ...
|--- client.py         # 接口测试脚本
|--- LICENSE
|--- README.md         # 说明文档
|--- requirements.txt  # 依赖文件
|--- server.py         # 服务器端启动脚本

快速開始

$ git clone https://github.com/atomicoo/PTTS-WebAPP.git
$ cd PTTS-WebAPP/frontend/
$ npm install --save
$ npm run dev
$ cd ..
$ pip install -r requirements.txt
$ python server.py
$ python client.py

運行npm run dev命令後，項目根目錄下應該已經生成前端代碼的編譯輸出，在./dist/目錄下。

運行python server.py命令後，服務器端已經啟動，可以先試試python client.py測試一下語音合成接口是否正常。

如果至此一切正常，那直接訪問http://localhost:5000/ 即可。

一些問題

• 語音合成後端基於我自己的另一個項目atomicoo/ParallelTTS，但為了簡化重構了代碼結構，如果想要換成其他語言的話，理論上只需要替換掉./config/下的配置文件和./pretrained/下的模型文件即可，但沒有經過完全測試，不能確保不會出現問題。
• 目前只支持調整語速，後續會增加音量和語調的調整，如果有大佬能幫忙搞定就更好了[doge]。 （已完成）
• 語調的調整使用變速不變調（TSM）+ 重採樣方案來完成；音量的調整使用比較簡單粗暴的方式，後續會改掉。

參考資料

• Flask：Python Web 微框架
• Vuetify：Material Design 框架
• 變速不變調方法總結- 知乎