TTS-Vue Versi Web
✅ Demo Online(Direkomendasikan): https://xiaoying.work (🎁 10.000 karakter gratis setiap hari)>
🚀 Produk baru: Produk sulih suara profesional / Lebih stabil / Dukungan paket / Dukungan lebih banyak suara / Ada antrean tugas
🎤 Alat sintesis suara Microsoft, versi Web, dibangun dengan Vue + ElementPlus + Vite.
Versi Hosted / Coba Online
Repositori ini adalah implementasi referensi Web UI open source. Jika Anda membutuhkan layanan yang lebih stabil dan kaya fitur, kami sarankan menggunakan versi resmi yang dikelola oleh kami.
| Fitur | Self-hosted (Repositori ini) | XiaoYing.work (Resmi Dikelola) | | :------------------ | :---------------------------------- | :------------------------------------------------------ | | Tingkat Deploy | Harus deploy backend & konfigurasi | Siap pakai, tanpa perlu deploy | | Kuota Gratis | Bergantung pada konfigurasi backend | Gratis 10.000 karakter per hari | | Stabilitas | Bergantung pada jaringan lokal | SLA tinggi, jalur khusus dipercepat | | Fitur | Sintesis suara dasar | Sistem akun, antrean tugas, lebih banyak suara, dukungan API | | Pemeliharaan | Pemeliharaan komunitas | Pemeliharaan dan update resmi berkelanjutan | | Skema Penggunaan| Belajar, eksperimen pribadi | Lingkungan produksi, dubbing profesional, penggunaan tinggi |
Contoh Situs
Tampilan Situs Hosted
https://xiaoying.work (🎁 Gratis 10.000 karakter per hari)

https://web.tts88.top
Tampilan Versi Baru
Tampilan Versi Lama
Fitur Utama
- 🌐 Berbasis web sepenuhnya, tanpa perlu instal aplikasi desktop
- 🔊 Mendukung berbagai sintesis suara Microsoft
- 🚀 Mendukung integrasi API TTS88
- 🆓 Mendukung panggilan TTS gratis, kuota gratis harian
- 🧠 Mendukung generasi teks OpenAI
- 🌍 Mendukung multi-bahasa: Mandarin, Inggris, Spanyol
- 🔐 Pengenalan sidik jari browser, pengalaman pengguna lebih aman
Pembaruan Terbaru
Rekonstruksi Antarmuka & Peningkatan Fitur (v2.2.0)
- 📱 Rekonstruksi UI: Navigasi atas tetap, kotak teks dengan mode sticky, optimalisasi adaptasi mobile
- 🔤 Peningkatan SSML: Fitur format SSML baru, otomatis memperbarui SSML sesuai pengaturan
- 🎵 Optimalisasi Pemutar: Integrasi pemutar ke layar utama, pengalaman pemutaran & unduh audio ditingkatkan
- 🎞️ Fitur Subtitle: Penambahan fitur pembuatan subtitle online, meningkatkan efisiensi pembuatan konten
- 🌓 Optimalisasi Tema: Penyempurnaan tampilan mode gelap, penambahan saklar tema global
- 🛠️ Pengaturan Lanjutan: Optimalisasi tampilan layanan TTS gratis, penambahan pengaturan kecepatan & nada
- 💡 Pengalaman Interaktif: Penambahan fitur tooltip, meningkatkan panduan operasi pengguna
- 🔄 Pembaruan Dependensi: Vue diperbarui ke 3.5.11, ElementPlus ke 2.9.9
- 🌐 Pembaruan Link: Pembaruan alamat repositori GitHub
Integrasi Layanan TTS Gratis (v2.1.0)
- 🆕 Fitur TTS Gratis: Tidak perlu kunci API, kuota gratis harian tersedia
- 👤 Pengenalan Sidik Jari Browser: Menjamin penggunaan kuota gratis yang adil untuk setiap pengguna
- 🔄 Tampilan Status Kuota: Menampilkan sisa karakter gratis & waktu reset secara real-time
- 🌐 Pengecekan Status Server: Otomatis memeriksa status koneksi server TTS gratis
- 🛡️ Peningkatan Penanganan Error: Notifikasi error & umpan balik status yang lebih ramah
- 🎛️ Panel Pengaturan TTS Gratis: Memudahkan pengaturan & melihat info kuota bagi pengguna
Optimalisasi Antarmuka & Pengalaman Pengguna (v2.0.0)
- ✨ Optimalisasi Area Pengaturan: Panel pengaturan bisa dilipat, klik judul "Pengaturan Suara" untuk expand/collapse
- 🔘 Posisi Tombol Pintar: Tombol "Mulai Konversi" dipindah ke atas, bisa diakses tanpa scroll
- 💬 Peningkatan Notifikasi Status: Penambahan teks status konversi yang lebih informatif
- 🎨 Peningkatan Visual: Tombol dengan animasi efek cahaya, pengalaman pengguna lebih baik
- 📱 Optimalisasi Layout Responsif: Tampilan lebih baik di berbagai ukuran layar
Rencana Pengembangan
📢 Pemberitahuan Penting: Versi desktop sedang dikembangkan!
Kami sedang mengembangkan aplikasi desktop lintas platform, akan mendukung lebih banyak fitur dan pengalaman pengguna yang lebih baik.
Nantikan pembaruan berikutnya, pantau perkembangan proyek untuk info terbaru.
Mulai Cepat
Lingkungan Pengembangan
# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git安装依赖
yarn install启动开发服务器
yarn devPembangunan Produksi
# 构建生产版本
yarn build预览生产版本
yarn previewDeploy
Setelah proses build selesai, Anda dapat mendistribusikan isi dari direktori dist ke server web statis manapun.
Konfigurasi API
Versi web ini saat ini mendukung layanan TTS gratis, API TTS88, dan API OpenAI:
Konfigurasi Layanan TTS Gratis
- Temukan opsi "Layanan TTS Gratis" di halaman pengaturan
- Sistem telah mengatur alamat server TTS gratis secara default
- Anda dapat melihat sisa kuota gratis harian dan waktu reset
- Setiap klien browser memiliki kuota gratis yang terpisah
Konfigurasi API TTS88
- Temukan opsi "URL API Pihak Ketiga" di halaman pengaturan
- Masukkan alamat API TTS88 Anda
- Jika memiliki API key, masukkan ke kolom "API Key TTS88"
Konfigurasi API OpenAI
- Temukan opsi pengaturan OpenAI di halaman pengaturan
- Masukkan API key OpenAI Anda
- Pilih model yang ingin digunakan (default: gpt-3.5-turbo)
- Jika menggunakan self-hosted atau proxy, Anda dapat mengatur URL dasar API khusus
Catatan Penting
- Data hanya disimpan di penyimpanan lokal browser, refresh atau hapus cache tidak mempengaruhi pengguna lain
- File audio hasil konversi dapat langsung diputar atau diunduh di browser
- Layanan TTS gratis memiliki batas kuota harian, jika melebihi harus menunggu reset hari berikutnya
Teknologi yang Digunakan
- Vue 3.2
- Pinia
- ElementPlus
- Vite
Lisensi
MIT License
Mulai Menggunakan
Catatan
Perangkat lunak dan kode ini hanya untuk penggunaan pembelajaran dan pengujian pribadi. Silakan hapus dalam waktu 24 jam setelah mengunduh, dilarang digunakan untuk tujuan komersial, segala risiko ditanggung sendiri. Segala akibat hukum akibat penggunaan yang melanggar tidak ada hubungannya dengan saya. Perangkat lunak ini juga tidak akan pernah dipungut biaya, jika Anda membayar sebelum menggunakan perangkat lunak ini, atau membayar untuk mendapatkan source code atau produk jadi, maka Anda pasti telah ditipu!
Mohon cantumkan sumber saat mendistribusikan ulang. Dilarang mengarahkan orang lain untuk mendapatkan repositori, alamat unduhan, dan paket instalasi perangkat lunak melalui grup, pesan pribadi, dll.
Grup QQ untuk feedback masalah, rilis versi:
【tts-web-vue Grup Feedback Masalah 1】279895662
--- Tranlated By Open Ai Tx | Last indexed: 2026-01-04 ---