Spaces:
Running on Zero
Running on Zero
| <div class="reference"> | |
| <div class="drop-area" tabindex="0" role="button" aria-label="Upload a reference voice clip"> | |
| <span data-file-name>Drop a voice clip here</span><span class="help">0.5–60 seconds · up to 25 MB</span> | |
| </div> | |
| <input type="file" accept="audio/*,.wav,.mp3,.flac,.m4a,.ogg,.webm" data-file hidden> | |
| <div class="reference-actions"><button type="button" data-upload>Choose audio</button><button type="button" data-record>Record voice</button><button type="button" data-remove hidden>Remove</button></div> | |
| <div class="reference-player" hidden><button type="button" data-play aria-label="Play reference voice">Play</button><span data-time>0:00</span><input type="range" data-seek min="0" max="1000" value="0" aria-label="Reference playback position"><span data-duration>0:00</span></div> | |
| <details data-trim hidden><summary>Trim clip</summary><div class="trim-controls"><label>Start <input type="number" min="0" step="0.1" data-start value="0" aria-label="Trim start in seconds"></label><label>End <input type="number" min="0" step="0.1" data-end aria-label="Trim end in seconds"></label><button type="button" data-apply>Use selection</button><button type="button" data-reset>Reset trim</button></div><p class="help">Seconds · choose between 0.5 and 60 seconds.</p></details> | |
| <p class="reference-status" role="status" aria-live="polite"></p> | |
| <audio preload="metadata" hidden></audio> | |
| </div> | |