Web Analytics

tts-web-vue

⭐ 260 stars Indonesian by henryhu55

🌐 Bahasa

TTS-Vue Versi Web

🎤 Alat sintesis suara Microsoft, versi Web, dibangun menggunakan Vue + ElementPlus + Vite.

Contoh Situs

https://web.tts88.top

Antarmuka Versi Baru

image

Antarmuka Versi Lama

image

Fitur Utama

  • 🌐 Berbasis Web sepenuhnya, tanpa perlu instalasi aplikasi desktop
  • 🔊 Mendukung berbagai sintesis suara Microsoft
  • 🚀 Mendukung integrasi API TTS88
  • 🆓 Mendukung pemanggilan TTS gratis, kuota gratis harian
  • 🧠 Mendukung pembuatan teks dari OpenAI
  • 🌍 Mendukung multi-bahasa: Mandarin, Inggris, Spanyol
  • 🔐 Pengenalan sidik jari browser, pengalaman pengguna yang lebih aman

Pembaruan Terbaru

Rekonstruksi Antarmuka & Peningkatan Fitur (v2.2.0)

  • 📱 Rekonstruksi UI: Navigasi atas tetap, kotak teks menggunakan mode sticky, optimasi adaptasi mobile
  • 🔤 Peningkatan SSML: Fitur format SSML baru, otomatis memperbarui SSML sesuai perubahan pengaturan
  • 🎵 Optimasi Pemutar: Pemutar terintegrasi di antarmuka utama, pengalaman pemutaran & unduh audio lebih baik
  • 🎞️ Fitur Subtitle: Menambahkan fitur pembuatan subtitle online, meningkatkan efisiensi pembuatan konten
  • 🌓 Peningkatan Tema: Tampilan antarmuka lebih baik di mode gelap, penambahan pengalihan tema global
  • 🛠️ Pengaturan Lanjutan: Optimasi antarmuka layanan TTS gratis, penambahan pengaturan kecepatan & nada suara
  • 💡 Pengalaman Interaksi: Penambahan fitur tooltip, panduan operasi pengguna lebih baik
  • 🔄 Pembaruan Dependensi: Vue diperbarui ke 3.5.11, ElementPlus ke 2.9.9
  • 🌐 Pembaruan Tautan: Memperbarui 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 keadilan pemakaian kuota gratis untuk setiap pengguna
  • 🔄 Tampilan Status Kuota: Menampilkan sisa karakter gratis & waktu reset secara real-time
  • 🌐 Deteksi Status Server: Otomatis mendeteksi status koneksi server TTS gratis
  • 🛡️ Peningkatan Penanganan Error: Notifikasi error & status lebih ramah pengguna
  • 🎛️ Panel Pengaturan TTS Gratis: Memudahkan pengguna mengatur & melihat informasi kuota

Optimasi Antarmuka & Pengalaman Pengguna (v2.0.0)

  • Optimasi Area Pengaturan: Panel pengaturan kini mendukung fungsi lipat, klik judul "Pengaturan Suara" untuk membuka/menutup
  • 🔘 Posisi Tombol Pintar: Tombol "Mulai Konversi" dipindahkan ke bagian atas, dapat diklik tanpa perlu menggulir
  • 💬 Peningkatan Notifikasi Status: Ditambahkan teks penanda status konversi yang lebih intuitif
  • 🎨 Perbaikan Efek Visual: Tombol kini memiliki animasi efek cahaya untuk meningkatkan pengalaman pengguna
  • 📱 Optimalisasi Tata Letak Responsif: Tampilan di berbagai ukuran layar telah diperbaiki
Pembaruan ini sangat meningkatkan efisiensi penggunaan, terutama mengatasi masalah pada desain lama di mana pengguna harus menggulir ke bagian bawah halaman untuk menekan tombol "Mulai Konversi". Kini, di mana pun posisi pengguna pada halaman, proses konversi bisa dimulai dengan mudah.

Rencana Pengembangan

📢 Pemberitahuan Penting: Versi Desktop Sedang Dikembangkan!
Kami sedang mengembangkan aplikasi desktop lintas platform yang akan mendukung lebih banyak fitur dan pengalaman pengguna yang lebih baik.
Nantikan pembaruan berikutnya dan ikuti perkembangan proyek untuk informasi terbaru.

Mulai Cepat

Lingkungan Pengembangan

# 克隆仓库
git clone https://github.com/henryhu55/tts-web-vue.git

安装依赖

yarn install

启动开发服务器

yarn dev

Pembangunan Produksi

# 构建生产版本
yarn build

预览生产版本

yarn preview

Deploy

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: 2025-12-30 ---