ismdrobiul489 commited on
Commit
0fb0a37
ยท
1 Parent(s): 30e4fdb

feat: Add voice dropdown to Quiz section with comprehensive voice options

Browse files
Files changed (2) hide show
  1. static/index.html +30 -0
  2. static/js/main.js +1 -1
static/index.html CHANGED
@@ -462,6 +462,36 @@
462
  style="flex: 1; background: #dc2626;">โž– Remove Last Quiz</button>
463
  </div>
464
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
465
  <button type="submit" class="btn btn-primary" style="width: 100%;">๐ŸŽฏ Generate Quiz Video</button>
466
  </form>
467
 
 
462
  style="flex: 1; background: #dc2626;">โž– Remove Last Quiz</button>
463
  </div>
464
 
465
+ <div class="form-group" style="margin-bottom: 1.5rem;">
466
+ <label>TTS Voice</label>
467
+ <select id="quizVoice">
468
+ <optgroup label="๐Ÿ‡บ๐Ÿ‡ธ English (US) - Female">
469
+ <option value="af_heart">โค๏ธ Heart - Cute emotional</option>
470
+ <option value="af_bella">Bella - Sweet friendly</option>
471
+ <option value="af_nova">Nova - Energetic young</option>
472
+ <option value="af_sarah">Sarah - Professional</option>
473
+ </optgroup>
474
+ <optgroup label="๐Ÿ‡บ๐Ÿ‡ธ English (US) - Male">
475
+ <option value="am_fenrir">๐Ÿ”ฅ Fenrir - Epic powerful</option>
476
+ <option value="am_adam">Adam - Neutral narrator</option>
477
+ <option value="am_michael">Michael - Professional</option>
478
+ <option value="am_liam">Liam - Youthful</option>
479
+ </optgroup>
480
+ <optgroup label="๐Ÿ‡ฌ๐Ÿ‡ง English (UK)">
481
+ <option value="bf_emma">Emma (F) - Neutral British</option>
482
+ <option value="bm_george">George (M) - Classic BBC</option>
483
+ </optgroup>
484
+ <optgroup label="๐Ÿ‡ฎ๐Ÿ‡ณ Indian English">
485
+ <option value="if_sara">Sara (F) - Friendly</option>
486
+ <option value="im_nicola">Nicola (M) - Calm</option>
487
+ </optgroup>
488
+ <optgroup label="๐Ÿ‡ฏ๐Ÿ‡ต Japanese">
489
+ <option value="jf_alpha">Alpha (F) - Cute anime</option>
490
+ <option value="jm_kumo">Kumo (M) - Young narrator</option>
491
+ </optgroup>
492
+ </select>
493
+ </div>
494
+
495
  <button type="submit" class="btn btn-primary" style="width: 100%;">๐ŸŽฏ Generate Quiz Video</button>
496
  </form>
497
 
static/js/main.js CHANGED
@@ -508,7 +508,7 @@ document.addEventListener('DOMContentLoaded', function () {
508
 
509
  const data = {
510
  quizzes: quizzes,
511
- voice: 'af_heart'
512
  };
513
 
514
  try {
 
508
 
509
  const data = {
510
  quizzes: quizzes,
511
+ voice: document.getElementById('quizVoice').value
512
  };
513
 
514
  try {