ZONOS3-Mini / assets /settings.html
fffiloni's picture
v0.3.5: align Speaking rate with Sampling controls
9f6ac5a verified
Raw History Blame Contribute Delete
4.15 kB
<button type="button" class="settings-toggle" aria-expanded="false" aria-controls="voice-settings-panel">
Voice settings <svg viewBox="0 0 16 16" aria-hidden="true"><path d="m4 6 4 4 4-4"/></svg>
</button>
<div class="settings-body" id="voice-settings-panel" hidden>
<div class="setting-row"><span class="setting-label" id="source-label">Voice source</span><div class="source-switch" role="group" aria-labelledby="source-label"><button type="button" data-source="Preset" aria-pressed="true">Preset</button><button type="button" data-source="Voice clip" aria-pressed="false">Voice clip</button></div></div>
</div>
@children
<div class="settings-body" data-settings-rest hidden>
<label class="consent-row" data-consent-row hidden><input type="checkbox" data-setting="consent"><span>I have permission to use this voice.</span></label>
<div class="setting-row"><div><label class="setting-label" for="autoplay-result">Auto-play result</label><p class="setting-help">Play when your next take is ready.</p></div><input id="autoplay-result" type="checkbox" role="switch" data-setting="autoplay" checked></div>
<div class="setting-row seed-row"><div><label class="setting-label" for="take-seed">Seed</label><p class="setting-help">Repeat a take with the same settings.</p></div><div class="seed-controls"><input id="take-seed" type="number" min="0" max="2147483647" step="1" data-setting="seed" aria-label="Seed"><label class="switch-label"><input type="checkbox" role="switch" data-setting="randomize"><span>Random</span></label></div></div>
<div class="setting-row"><div><label class="setting-label" for="normalize-text">Text normalization</label><p class="setting-help">Expand numbers and abbreviations.</p></div><input id="normalize-text" type="checkbox" role="switch" data-setting="normalize"></div>
<div class="rate-row"><div class="sampling-control rate-control"><label for="speaking-rate">Speaking rate</label><input id="speaking-rate" type="range" min="0" max="30" step="0.5" data-setting="rate" aria-describedby="speaking-rate-help"><input type="number" min="0" max="30" step="0.5" data-setting="rate" aria-label="Speaking rate value" aria-describedby="speaking-rate-help"><p class="setting-help" id="speaking-rate-help">UTF-8 bytes / second · 0 uses the natural pace.</p></div></div>
<details class="sampling"><summary>Sampling <svg viewBox="0 0 16 16" aria-hidden="true"><path d="m4 6 4 4 4-4"/></svg></summary><div class="sampling-grid">
<div class="sampling-control"><label for="sampling-temperature">Temperature</label><input id="sampling-temperature" type="range" min="0.1" max="1.5" step="0.05" data-setting="temperature"><input type="number" min="0.1" max="1.5" step="0.05" data-setting="temperature" aria-label="Temperature value"></div>
<div class="sampling-control"><label for="sampling-top_p">Top-p</label><input id="sampling-top_p" type="range" min="0.1" max="1" step="0.01" data-setting="top_p"><input type="number" min="0.1" max="1" step="0.01" data-setting="top_p" aria-label="Top-p value"></div>
<div class="sampling-control"><label for="sampling-top_k">Top-k</label><input id="sampling-top_k" type="range" min="1" max="400" step="1" data-setting="top_k"><input type="number" min="1" max="400" step="1" data-setting="top_k" aria-label="Top-k value"></div>
<div class="sampling-control"><label for="sampling-repetition">Repetition penalty</label><input id="sampling-repetition" type="range" min="1" max="4" step="0.1" data-setting="repetition"><input type="number" min="1" max="4" step="0.1" data-setting="repetition" aria-label="Repetition penalty value"></div>
</div><button type="button" class="text-button" data-reset>Reset sampling</button></details>
<section class="examples" aria-labelledby="examples-title"><div><span class="setting-label" id="examples-title">Try a text</span><p class="setting-help">Loads text, language and voice. Does not generate audio.</p></div><div class="example-grid" role="group" aria-labelledby="examples-title"><!-- example-buttons --></div></section>
<p class="retention">600 characters per take · Download your audio to keep it beyond 24 hours.</p>
</div>