Old Version Interface

Features

• 🌐 Completely web-based, no need to install desktop applications
• 🔊 Supports various Microsoft voice syntheses
• 🚀 Supports TTS88 API integration
• 🆓 Supports free TTS calls, daily free quota
• 🧠 Supports OpenAI text generation
• 🌍 Supports multiple languages: Chinese, English, Spanish
• 🔐 Browser fingerprint recognition for a more secure user experience

Latest Updates

UI Refactoring & Feature Enhancement (v2.2.0)

• 📱 UI Refactoring: Fixed top navigation, sticky text box, optimized for mobile adaptation
• 🔤 SSML Enhancement: Added SSML formatting, automatically updates SSML based on settings changes
• 🎵 Player Optimization: Integrated player into main interface, improved audio playback and download experience
• 🎞️ Subtitle Feature: Added online subtitle generation to boost content creation efficiency
• 🌓 Theme Optimization: Improved dark mode interface, added global theme switching
• 🛠️ Advanced Settings: Optimized free TTS service interface, added speech rate and pitch configuration
• 💡 Interaction Experience: Added tooltip function to enhance user guidance
• 🔄 Dependency Upgrades: Vue updated to 3.5.11, ElementPlus updated to 2.9.9
• 🌐 Link Update: Updated GitHub repository address

Free TTS Service Integration (v2.1.0)

• 🆕 Free TTS Feature: No API key required, daily free quota
• 👤 Browser Fingerprint Recognition: Ensures fair usage of free quota for each user
• 🔄 Quota Status Display: Real-time display of remaining free characters and reset time
• 🌐 Server Status Detection: Automatically detects free TTS server connection status
• 🛡️ Enhanced Error Handling: More user-friendly error messages and status feedback
• 🎛️ Free TTS Settings Panel: Convenient for users to configure and view quota information

UI and User Experience Optimization (v2.0.0)

• ✨ Settings Area Optimization: The settings panel now supports collapsing; click the "Voice Settings" title to expand/collapse.
• 🔘 Smart Button Placement: The "Start Conversion" button is moved to the top, so you can click it without scrolling.
• 💬 Enhanced Status Prompts: Intuitive conversion status prompt text has been added.
• 🎨 Visual Improvements: Button now features lighting animations for a better user experience.
• 📱 Responsive Layout Optimization: Improved display effects across different screen sizes.

Development Plan

📢 Important Notice: Desktop version under development!

We are developing a cross-platform desktop app version, which will support more features and provide a better user experience.

Stay tuned for further updates, and follow the project for the latest information.

Quick Start

Development Environment

# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git
安装依赖
yarn install
启动开发服务器
yarn dev

Production Build

# 构建生产版本
yarn build
预览生产版本
yarn preview

Deployment

After building, deploy the contents of the dist directory to any static web server.

API Configuration

This web version currently supports free TTS service, TTS88 API, and OpenAI API:

Free TTS Service Configuration

• Find the "Free TTS Service" option on the settings page
• The system defaults to a configured free TTS server address
• You can check the remaining free quota and reset time for the day
• Each browser client has an independent free quota

TTS88 API Configuration

• Find the "Third-Party API URL" setting option on the settings page
• Enter your TTS88 API address
• If you have an API key, enter it in the "TTS88 API Key" field

OpenAI API Configuration

• Find the OpenAI settings option on the settings page
• Enter your OpenAI API key
• Select the model to use (default is gpt-3.5-turbo)
• If using self-hosting or proxy, you can set a custom API Base URL

Notes

• Data is only stored in the browser's local storage; refreshing or clearing the cache does not affect other users
• Converted audio files can be played directly in the browser or downloaded locally
• The free TTS service has a daily usage quota limit; exceeding it requires waiting for the next day’s reset

Technology Stack

• Vue 3.2
• Pinia
• ElementPlus
• Vite

License

MIT License

Getting Started