Веб-версия TTS-Vue
✅ Онлайн демо (рекомендуется): https://xiaoying.work (🎁 10 000 символов бесплатно каждый день)>
🚀 Новый продукт: профессиональная озвучка / более стабильная / поддержка тарифных планов / больше голосов / очередь задач
🎤 Инструмент синтеза голоса Microsoft, веб-версия, построен с использованием Vue + ElementPlus + Vite.
Хостинговая версия / Попробуйте онлайн
Этот репозиторий является референсной реализацией открытого Web UI. Если вам нужен более стабильный и функциональный сервис, рекомендуем использовать нашу официальную облачную версию.| Характеристика | Самостоятельный хостинг (этот репозиторий) | XiaoYing.work (официальный хостинг) | | :----------------- | :----------------------------------------- | :--------------------------------------------------------- | | Сложность развертывания | Требуется самостоятельно развернуть бэкенд и настроить окружение | Готово к использованию, без установки | | Бесплатный лимит | Зависит от конфигурации бэкенда | 10 000 символов бесплатно каждый день | | Стабильность | Зависит от локальной сети | Высокая доступность SLA, ускорение по выделенной линии | | Функционал | Базовый синтез речи | Аккаунты, очередь заданий, больше голосов, поддержка API | | Поддержка | Поддержка сообществом | Официальные регулярные обновления | | Сценарии использования | Обучение, личные эксперименты | Промышленное использование, профессиональная озвучка, частое использование |
Примеры сайта
Интерфейс облачного сайта
https://xiaoying.work (🎁 10 000 символов бесплатно каждый день)

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: 2026-01-04 ---