Giao diện phiên bản cũ

Tính năng nổi bật

• 🌐 Hoàn toàn web, không cần cài đặt ứng dụng máy tính
• 🔊 Hỗ trợ nhiều loại tổng hợp giọng nói của Microsoft
• 🚀 Hỗ trợ tích hợp TTS88 API
• 🆓 Hỗ trợ gọi TTS miễn phí, hạn mức miễn phí mỗi ngày
• 🧠 Hỗ trợ sinh văn bản từ OpenAI
• 🌍 Hỗ trợ đa ngôn ngữ: Tiếng Trung, Anh, Tây Ban Nha
• 🔐 Nhận diện dấu 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 & nâng cấp tính năng (v2.2.0)

• 📱 Tái cấu trúc UI: Thanh điều hướng cố định trên cùng, hộp văn bản cố định, tối ưu hiển thị trên 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 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 phát và tải â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 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 giao diện dịch vụ TTS miễn phí, thêm tùy chỉnh tốc độ và cao độ giọng
• 💡 Trải nghiệm tương tác: Thêm chức năng gợi ý công cụ, tăng chỉ 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 khóa API, mỗi ngày đều có hạn mức miễn phí
• 👤 Nhận diện dấu 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ị số ký tự miễn phí còn lại và thời gian đặt 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 và phản hồi trạng thái thân thiện hơn
• 🎛️ Bảng điều khiển TTS miễn phí: Dễ dàng cấu hình và xem thông tin hạn mức cho người dùng

Tối ưu giao diện & trải nghiệm người dùng (v2.0.0)

• ✨ Tối ưu hóa khu vực cài đặt: Bảng cài đặt hỗ trợ thu gọn, nhấp vào tiêu đề "Cài đặt giọng nói" để mở rộng/thu gọn
• 🔘 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 trang để nhấn
• 💬 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 hình ảnh: Nút đượ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 các 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 máy tính đang được phát triển!

Chúng tôi đang phát triển phiên bản ứng dụng máy tính đa nền tảng, sẽ hỗ trợ nhiều chức năng hơn và trải nghiệm người dùng tốt hơn.

Hãy chờ đợi các bản 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 dev

Xây dựng sản xuất

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

Triể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