JASA TOKO ONLINE PALING MURAH

<!-- Kontainer Utama Aplikasi --> <div id="app" class="w-full max-w-lg bg-white shadow-xl rounded-2xl p-6 md:p-8 space-y-6"> <h1 class="text-3xl font-extrabold text-gray-900 text-center"> <!-- Nama Studio Baru --> <span class="text-indigo-600">Bang Dedy</span> Voice Studio Generator </h1> <p class="text-center text-gray-500">Ubah teks menjadi suara realistis dengan kontrol gaya dan kecepatan.</p> <!-- Pilihan Suara --> <div> <label for="voice-select" class="block text-sm font-medium text-gray-700 mb-2"> Pilih Karakter Suara </label> <select id="voice-select" class="w-full p-3 border border-gray-300 rounded-xl bg-white shadow-sm focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 ease-in-out"> <!-- Pilihan Pria --> <optgroup label="Pria (Male)"> <option value="Kore" selected>Kore (Firm/Tegas)</option> <option value="Charon">Charon (Informative/Informatif)</option> </optgroup> <!-- Pilihan Wanita --> <optgroup label="Wanita (Female)"> <option value="Puck">Puck (Upbeat/Ceria)</option> <option value="Zephyr">Zephyr (Bright/Cerah)</option> </optgroup> </select> </div> <!-- Input Gaya Bicara/Instruksi Nada --> <div> <label for="style-input" class="block text-sm font-medium text-gray-700 mb-2"> Instruksi Gaya & Nada (Opsional) </label> <input type="text" id="style-input" maxlength="100" class="w-full p-3 border border-gray-300 rounded-xl focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 ease-in-out shadow-sm" placeholder="Contoh: 'Ucapkan dengan nada ceria dan cepat:'"> <p class="text-xs text-gray-500 mt-1">Gunakan ini untuk kontrol **volume** dan **pitch** (mis: "ucapkan dengan suara tinggi dan keras:").</p> </div> <!-- Pilihan Kecepatan Bicara --> <div> <label for="rate-select" class="block text-sm font-medium text-gray-700 mb-2"> Kecepatan Bicara </label> <select id="rate-select" class="w-full p-3 border border-gray-300 rounded-xl bg-white shadow-sm focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 ease-in-out"> <option value="x-slow">Sangat Lambat (x-slow)</option> <option value="slow">Lambat (slow)</option> <option value="medium" selected>Normal (medium)</option> <option value="fast">Cepat (fast)</option> <option value="x-fast">Sangat Cepat (x-fast)</option> </select> </div> <!-- Area Input Teks --> <div> <label for="text-input" class="block text-sm font-medium text-gray-700 mb-2"> Teks Utama untuk Dikonversi (Maks. 500 karakter) </label> <textarea id="text-input" rows="5" maxlength="500" class="w-full p-3 border border-gray-300 rounded-xl focus:ring-indigo-500 focus:border-indigo-500 transition duration-150 ease-in-out resize-none shadow-sm" placeholder="Masukkan kalimat atau paragraf Anda di sini...">

0/500 karakter