feat: 添加TTS语音播放功能

Backend:
- 新增edge-tts依赖
- 新增/api/tts API生成语音
- 新增/api/tts/voices API获取语音列表
- 系统配置新增tts_provider和tts_voice字段

前端app.js:
- 新增TTS状态变量(enableTTS, ttsVoice, ttsQueue等)
- 智能体对话和普通对话header添加TTS开关按钮
- 消息操作栏添加语音播放按钮
- 实现playTTS和cleanTTS函数
- 加载后台TTS配置

前端admin.js:
- 系统设置页面添加TTS方案和语音配置
- 支持选择晓晓/云希/云扬/晓伊等中文语音

前端style.css:
- 新增.tts-btn样式
This commit is contained in:
2026-04-29 16:58:53 +08:00
parent da71f99db4
commit a7383396db
5 changed files with 253 additions and 8 deletions

View File

@@ -4,13 +4,15 @@ AI Chat App - 后台管理服务
端口: 19020 (与前端同一端口)
"""
from flask import Flask, jsonify, request, send_from_directory
from flask import Flask, jsonify, request, send_from_directory, Response
from flask_cors import CORS
import os
import json
import sqlite3
from datetime import datetime
import hashlib
import asyncio
import edge_tts
app = Flask(__name__, static_folder='../www')
CORS(app)
@@ -244,6 +246,8 @@ def init_db():
('guest_chat_messages', '20', '游客每日对话消息限制'),
('guest_agent_messages', '20', '游客每日智能体消息限制'),
('admin_password', 'admin123', '管理员密码'),
('tts_provider', 'edge', 'TTS方案'),
('tts_voice', 'zh-CN-XiaoxiaoNeural', 'TTS语音'),
]
for key, value, desc in default_configs:
cursor.execute('INSERT INTO system_configs (key, value, description) VALUES (?, ?, ?)', (key, value, desc))
@@ -996,13 +1000,63 @@ def get_frontend_config():
'chatSessions': int(system.get('guest_chat_sessions', '1')),
'chatMessages': int(system.get('guest_chat_messages', '20')),
'agentMessages': int(system.get('guest_agent_messages', '20')),
}
},
'ttsProvider': system.get('tts_provider', 'edge'),
'ttsVoice': system.get('tts_voice', 'zh-CN-XiaoxiaoNeural'),
}
}
return jsonify(config)
# ==================== TTS 语音合成 ====================
@app.route('/api/tts', methods=['POST'])
def generate_tts():
"""使用 Edge TTS 生成语音"""
data = request.json
text = data.get('text', '')
voice = data.get('voice', 'zh-CN-XiaoxiaoNeural') # 默认中文女声
if not text:
return jsonify({'error': '缺少文本内容'}), 400
try:
# 使用 asyncio 运行 edge_tts
async def generate_audio():
communicate = edge_tts.Communicate(text, voice)
audio_data = b''
for chunk in communicate.stream_sync():
if chunk['type'] == 'audio':
audio_data += chunk['data']
return audio_data
audio_data = asyncio.run(generate_audio())
# 返回音频数据MP3格式
return Response(audio_data, mimetype='audio/mpeg')
except Exception as e:
return jsonify({'error': f'TTS生成失败: {str(e)}'}), 500
@app.route('/api/tts/voices', methods=['GET'])
def get_tts_voices():
"""获取可用的 TTS 语音列表"""
try:
voices = asyncio.run(edge_tts.list_voices())
# 过滤中文语音
chinese_voices = [v for v in voices if v['Locale'].startswith('zh-')]
voice_list = [{
'name': v['ShortName'],
'gender': v['Gender'],
'locale': v['Locale']
} for v in chinese_voices]
return jsonify({'voices': voice_list})
except Exception as e:
return jsonify({'error': f'获取语音列表失败: {str(e)}'}), 500
# ==================== 启动 ====================
if __name__ == '__main__':

View File

@@ -1,2 +1,3 @@
flask>=2.0.0
flask-cors>=3.0.0
flask-cors>=3.0.0
edge-tts>=6.0.0