Веб-версия TTS-Vue
🎤 Инструмент синтеза речи от Microsoft, веб-версия, построенная на основе Vue + ElementPlus + Vite.
Пример сайта
https://web.tts88.top
Интерфейс новой версии
Интерфейс старой версии
Основные функции
- 🌐 Полностью веб-ориентированное решение, не требует установки на ПК
- 🔊 Поддержка различных синтезаторов речи Microsoft
- 🚀 Интеграция с API TTS88
- 🆓 Бесплатные вызовы TTS, ежедневный бесплатный лимит
- 🧠 Поддержка генерации текста через OpenAI
- 🌍 Мультиязычная поддержка: китайский, английский, испанский
- 🔐 Распознавание браузерного отпечатка для более безопасного опыта
Последние обновления
Реконструкция интерфейса и расширение функций (v2.2.0)
- 📱 Реконструкция UI: закрепленная верхняя навигация, фиксированное текстовое поле, улучшена адаптация под мобильные устройства
- 🔤 Улучшение SSML: добавлен SSML-форматтер, автоматическое обновление SSML при изменении настроек
- 🎵 Оптимизация проигрывателя: интеграция проигрывателя в основной интерфейс, улучшение воспроизведения и загрузки аудио
- 🎞️ Функция субтитров: онлайн-генерация субтитров, повышение эффективности создания контента
- 🌓 Оптимизация темы: улучшен внешний вид в темном режиме, добавлен глобальный переключатель темы
- 🛠️ Расширенные настройки: улучшен интерфейс бесплатного TTS, добавлены параметры скорости и тона речи
- 💡 Интерактивность: добавлены всплывающие подсказки, улучшено руководство для пользователя
- 🔄 Обновление зависимостей: Vue обновлен до 3.5.11, ElementPlus — до 2.9.9
- 🌐 Обновление ссылок: актуализирован адрес репозитория GitHub
Интеграция бесплатного TTS-сервиса (v2.1.0)
- 🆕 Бесплатная функция TTS: не требуется API-ключ, ежедневный бесплатный лимит
- 👤 Распознавание браузерного отпечатка: справедливое распределение бесплатного лимита для каждого пользователя
- 🔄 Отображение статуса лимита: показ оставшихся бесплатных символов и времени сброса в реальном времени
- 🌐 Мониторинг состояния сервера: автоматическая проверка подключения к бесплатному серверу TTS
- 🛡️ Улучшенная обработка ошибок: более дружелюбные уведомления и обратная связь о состоянии
- 🎛️ Панель бесплатных TTS-настроек: удобная настройка и просмотр информации по лимиту
Оптимизация интерфейса и пользовательского опыта (v2.0.0)
- ✨ Оптимизация области настроек: Панель настроек теперь поддерживает сворачивание, клик по заголовку "Настройки голоса" разворачивает или сворачивает её
- 🔘 Расположение умной кнопки: Кнопка "Начать преобразование" перемещена в верхнюю часть, теперь не нужно прокручивать страницу для её нажатия
- 💬 Улучшенные статусные подсказки: Добавлены наглядные текстовые уведомления о статусе преобразования
- 🎨 Улучшение визуальных эффектов: К кнопкам добавлена световая анимация для лучшего пользовательского опыта
- 📱 Оптимизация адаптивной верстки: Улучшено отображение на экранах разного размера
План разработки
📢 Важное уведомление: версия для ПК в разработке!
Мы работаем над кроссплатформенным десктопным приложением, которое будет поддерживать больше функций и обеспечит лучший пользовательский опыт.
Следите за обновлениями, чтобы получать самую свежую информацию о проекте.
Быстрый старт
Среда разработки
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devПродакшн-сборка
# 构建生产版本
yarn build预览生产版本
yarn previewРазвертывание
После сборки разместите содержимое каталога dist на любом статическом веб-сервере.
Настройка API
Веб-версия поддерживает бесплатный TTS сервис, TTS88 API и OpenAI API:
Настройка бесплатного TTS сервиса
- Найдите опцию "Бесплатный TTS сервис" на странице настроек
- По умолчанию задан адрес бесплатного TTS сервера
- Вы можете просмотреть оставшийся бесплатный лимит и время сброса на сегодня
- Каждый браузерный клиент имеет независимый бесплатный лимит
Настройка TTS88 API
- Найдите опцию "URL стороннего API" на странице настроек
- Введите адрес вашего TTS88 API
- Если у вас есть ключ API, введите его в поле "Ключ TTS88 API"
Настройка OpenAI API
- Найдите опцию OpenAI на странице настроек
- Введите ваш ключ OpenAI API
- Выберите используемую модель (по умолчанию gpt-3.5-turbo)
- Если вы используете собственный сервер или прокси, укажите пользовательский API Base URL
Примечания
- Данные хранятся только в локальном хранилище браузера, обновление или очистка кэша не повлияет на других пользователей
- Преобразованные аудиофайлы можно сразу воспроизводить в браузере или скачивать на компьютер
- Для бесплатного TTS сервиса действует дневной лимит, при превышении нужно дождаться следующего сброса
Технологический стек
- Vue 3.2
- Pinia
- ElementPlus
- Vite
Лицензия
MIT License
Начало работы
Важно
Это программное обеспечение и код предназначены только для личного обучения и тестирования. Пожалуйста, удалите их в течение 24 часов после загрузки. Запрещено использовать в коммерческих целях, иначе вы несете ответственность за последствия. За любые юридические последствия, вызванные нарушением, автор ответственности не несет. Это программное обеспечение никогда не будет платным. Если вы заплатили за использование или получили исходный код или готовое ПО за деньги, значит вас обманули!
При копировании обязательно указывайте источник. Запрещается склонять других получать репозиторий, ссылки на загрузку или установочный пакет программного обеспечения через вступление в группы или личные сообщения.
Для обратной связи и выпуска версий QQ-группа:
【tts-web-vue группа обратной связи 1】279895662
--- Tranlated By Open Ai Tx | Last indexed: 2025-12-30 ---