TTS-Vue Phiên bản Web
✅ Bản demo trực tuyến(Khuyến nghị): https://xiaoying.work (🎁 Miễn phí 10.000 ký tự mỗi ngày)>
🚀 Sản phẩm mới: Sản phẩm lồng tiếng chuyên nghiệp / Ổn định hơn / Hỗ trợ gói dịch vụ / Hỗ trợ nhiều giọng nói hơn / Có hàng đợi nhiệm vụ
🎤 Công cụ chuyển văn bản thành giọng nói Microsoft, phiên bản Web, xây dựng bằng Vue + ElementPlus + Vite.
Phiên bản lưu trữ / Dùng thử trực tuyến
Kho lưu trữ này là bản tham khảo triển khai Web UI mã nguồn mở. Nếu bạn cần một dịch vụ ổn định hơn, nhiều tính năng hơn, khuyến nghị sử dụng bản chính thức được chúng tôi lưu trữ.
| Tính năng | Tự lưu trữ (kho này) | XiaoYing.work (Chính thức lưu trữ) | | :----------------- | :--------------------------- | :-------------------------------------------------------- | | Độ khó triển khai | Cần tự triển khai backend, cấu hình môi trường | Sẵn sàng sử dụng, không cần triển khai | | Hạn mức miễn phí | Phụ thuộc cấu hình backend | Miễn phí 10.000 ký tự mỗi ngày | | Tính ổn định | Phụ thuộc mạng cục bộ | SLA cao, tăng tốc chuyên tuyến | | Chức năng | Chuyển văn bản thành giọng nói cơ bản | Hệ thống tài khoản, hàng đợi, nhiều giọng nói, hỗ trợ API | | Bảo trì | Cộng đồng bảo trì | Chính thức cập nhật và bảo trì liên tục | | Phù hợp | Học tập, cá nhân thử nghiệm | Môi trường sản xuất, thuyết minh chuyên nghiệp, tần suất cao |
Ví dụ giao diện web
Giao diện bản lưu trữ chính thức
https://xiaoying.work (🎁 Miễn phí 10.000 ký tự mỗi ngày)

https://web.tts88.top
Giao diện phiên bản mới
Giao diện phiên bản cũ
Tính năng nổi bật
- 🌐 Giao diện Web hoàn toàn, không cần cài đặt ứng dụng máy tính
- 🔊 Hỗ trợ nhiều dịch vụ chuyển văn bản thành giọng nói của Microsoft
- 🚀 Hỗ trợ tích hợp API TTS88
- 🆓 Hỗ trợ gọi TTS miễn phí, hạn mức miễn phí hàng ngày
- 🧠 Hỗ trợ sinh văn bản với OpenAI
- 🌍 Hỗ trợ đa ngôn ngữ: Trung, Anh, Tây Ban Nha
- 🔐 Nhận diện vân tay trình duyệt, trải nghiệm người dùng an toàn hơn
Cập nhật mới nhất
Tái cấu trúc giao diện và tăng cường chức năng (v2.2.0)
- 📱 Tái cấu trúc UI: Cố định thanh điều hướng trên cùng, hộp văn bản sử dụng chế độ hút lên, tối ưu hóa tương thích thiết bị di động
- 🔤 Tăng cường SSML: Thêm chức năng định dạng SSML, tự động cập nhật SSML theo thay đổi thiết lập
- 🎵 Tối ưu hóa trình phát: Tích hợp trình phát vào giao diện chính, cải thiện trải nghiệm nghe và tải xuống âm thanh
- 🎞️ Chức năng phụ đề: Thêm chức năng tạo phụ đề trực tuyến, nâng cao hiệu quả sáng tạo nội dung
- 🌓 Tối ưu hóa chủ đề: Cải thiện giao diện ở chế độ tối, bổ sung chuyển đổi chủ đề toàn cục
- 🛠️ Cài đặt nâng cao: Tối ưu hóa giao diện dịch vụ TTS miễn phí, thêm cấu hình tốc độ và cao độ giọng nói
- 💡 Trải nghiệm tương tác: Thêm chức năng gợi ý công cụ, tăng cường hướng dẫn thao tác cho người dùng
- 🔄 Nâng cấp phụ thuộc: Cập nhật Vue lên 3.5.11, ElementPlus lên 2.9.9
- 🌐 Cập nhật liên kết: Cập nhật địa chỉ kho GitHub
Tích hợp dịch vụ TTS miễn phí (v2.1.0)
- 🆕 Chức năng TTS miễn phí: Không cần API key, mỗi ngày đều có hạn mức miễn phí
- 👤 Nhận diện vân tay trình duyệt: Đảm bảo mỗi người dùng sử dụng hạn mức miễn phí công bằng
- 🔄 Hiển thị trạng thái hạn mức: Hiển thị thời gian còn lại và số ký tự miễn phí còn lại theo thời gian thực
- 🌐 Kiểm tra trạng thái máy chủ: Tự động kiểm tra trạng thái kết nối máy chủ TTS miễn phí
- 🛡️ Tăng cường xử lý lỗi: Thông báo lỗi thân thiện hơn và phản hồi trạng thái tốt hơn
- 🎛️ Bảng thiết lập TTS miễn phí: Giúp người dùng dễ dàng cấu hình và xem thông tin hạn mức
Tối ưu hóa giao diện và trải nghiệm người dùng (v2.0.0)
- ✨ Tối ưu hóa khu vực thiết lập: Bảng thiết lập hỗ trợ gập lại, bấm vào tiêu đề "Thiết lập giọng nói" để mở/gập bảng
- 🔘 Vị trí nút thông minh: Nút "Bắt đầu chuyển đổi" được chuyển lên đầu trang, không cần cuộn xuống để bấm
- 💬 Tăng cường thông báo trạng thái: Thêm thông báo trạng thái chuyển đổi trực quan
- 🎨 Cải thiện hiệu ứng thị giác: Nút bấm được thêm hiệu ứng ánh sáng, nâng cao trải nghiệm người dùng
- 📱 Tối ưu hóa bố cục đáp ứng: Cải thiện hiển thị trên nhiều kích thước màn hình khác nhau
Kế hoạch phát triển
📢 Thông báo quan trọng: Phiên bản desktop đang được phát triển!
Chúng tôi đang phát triển ứng dụng desktop đa nền tảng, sẽ hỗ trợ nhiều chức năng và trải nghiệm tốt hơn.
Hãy đón chờ những cập nhật tiếp theo, vui lòng theo dõi dự án để nhận thông tin mới nhất.
Bắt đầu nhanh
Môi trường phát triển
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devXây dựng sản xuất
# 构建生产版本
yarn build预览生产版本
yarn previewTriển khai
Sau khi xây dựng xong, chỉ cần triển khai nội dung thư mục dist lên bất kỳ máy chủ Web tĩnh nào.
Cấu hình API
Phiên bản Web hiện tại hỗ trợ dịch vụ TTS miễn phí, API TTS88 và API OpenAI:
Cấu hình dịch vụ TTS miễn phí
- Trên trang cài đặt, tìm mục "Dịch vụ TTS miễn phí"
- Hệ thống đã mặc định cấu hình địa chỉ máy chủ TTS miễn phí
- Bạn có thể xem số dư miễn phí còn lại trong ngày và thời gian đặt lại
- Mỗi trình duyệt có hạn mức miễn phí riêng biệt
Cấu hình TTS88 API
- Trên trang cài đặt, tìm tùy chọn "URL API bên thứ ba"
- Nhập địa chỉ API TTS88 của bạn
- Nếu có khóa API, hãy nhập vào trường "Khóa API TTS88"
Cấu hình OpenAI API
- Trên trang cài đặt, tìm mục cấu hình OpenAI
- Nhập khóa API OpenAI của bạn
- Chọn mô hình muốn sử dụng (mặc định là gpt-3.5-turbo)
- Nếu sử dụng tự lưu trữ hoặc proxy, có thể cấu hình URL gốc API tùy chỉnh
Lưu ý
- Dữ liệu chỉ lưu trên bộ nhớ cục bộ của trình duyệt, làm mới hay xóa bộ nhớ đệm không ảnh hưởng đến người dùng khác
- Tệp âm thanh sau khi chuyển đổi có thể phát trực tiếp trên trình duyệt hoặc tải về máy
- Dịch vụ TTS miễn phí có hạn mức sử dụng hàng ngày, vượt quá cần chờ đến ngày hôm sau để làm mới
Công nghệ sử dụng
- Vue 3.2
- Pinia
- ElementPlus
- Vite
Giấy phép
Giấy phép MIT
Bắt đầu sử dụng
Lưu ý
Phần mềm và mã nguồn này chỉ dùng cho mục đích học tập cá nhân, vui lòng xóa trong vòng 24 giờ sau khi tải về, không được sử dụng cho mục đích thương mại, nếu vi phạm tự chịu trách nhiệm. Bất kỳ hậu quả pháp lý nào do sử dụng trái phép đều không liên quan đến tôi. Phần mềm này cũng sẽ không bao giờ thu phí, nếu bạn đã trả thêm phí để sử dụng hoặc mua mã nguồn/sản phẩm hoàn chỉnh thì chắc chắn bạn đã bị lừa!
Khi chia sẻ vui lòng ghi rõ nguồn. Cấm dẫn dụ người khác lấy kho mã, địa chỉ tải xuống hoặc gói cài đặt qua nhóm hoặc tin nhắn riêng.
Phản hồi ý kiến, vấn đề, phát hành phiên bản nhóm QQ:
【tts-web-vue Nhóm phản hồi vấn đề 1】279895662
--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---