tkrmagid/tts_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tune: 속도/간격 슬라이더 기본값을 범위 가운데로, 양 끝을 최소·최대치로 정렬

Browse Source 
- 글자 속도 기본 1.4→1.25(범위 0.5~2.0의 중앙)
- 단어 간격 기본 0→0.25s(범위 0~0.5s의 중앙)
- 문장 간격 기본 0.3→0.75s(범위 0~1.5s의 중앙)
- 슬라이더 스케일 라벨에 최소/최대 수치 표기
This commit is contained in:
claude
2026-08-26 00:16:41 +09:00
parent c0665893a7
commit dde57aafda
2 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/index.html
View File

@@ -43,26 +43,26 @@
<div class="slider-row">
<div class="slider-head">
<span>글자 속도</span>
<span class="slider-val" id="speedVal">1.40x</span>
<span class="slider-val" id="speedVal">1.25x</span>
</div>
<input type="range" id="speed" min="0.5" max="2.0" step="0.05" value="1.4" />
<div class="slider-scale"><span>느리게</span><span>빠르게</span></div>
<input type="range" id="speed" min="0.5" max="2.0" step="0.05" value="1.25" />
<div class="slider-scale"><span>0.5x 느리게</span><span>2.0x 빠르게</span></div>
</div>
<div class="slider-row">
<div class="slider-head">
<span>단어 간격</span>
<span class="slider-val" id="wordGapVal">0 ms</span>
<span class="slider-val" id="wordGapVal">250 ms</span>
</div>
<input type="range" id="wordGap" min="0" max="1.0" step="0.02" value="0" />
<div class="slider-scale"><span>붙여서</span><span>띄어서</span></div>
<input type="range" id="wordGap" min="0" max="0.5" step="0.01" value="0.25" />
<div class="slider-scale"><span>0 ms 붙여서</span><span>500 ms 띄어서</span></div>
</div>
<div class="slider-row">
<div class="slider-head">
<span>문장 간격</span>
<span class="slider-val" id="sentGapVal">0.30 s</span>
<span class="slider-val" id="sentGapVal">0.75 s</span>
</div>
<input type="range" id="sentGap" min="0" max="1.5" step="0.05" value="0.3" />
<div class="slider-scale"><span>짧게</span><span>길게</span></div>
<input type="range" id="sentGap" min="0" max="1.5" step="0.05" value="0.75" />
<div class="slider-scale"><span>0 s 짧게</span><span>1.5 s 길게</span></div>
</div>
<div class="slider-row">
<div class="slider-head">