Spaces:
Running
on
Zero
Running
on
Zero
File size: 2,353 Bytes
2490adb 21dee20 1d04b32 21dee20 2490adb 21dee20 2490adb 21dee20 2490adb 21dee20 2490adb 54fdf94 2490adb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
# HTML content for the header section
header_title = """
Generate about an hour of audio per minute on the Kokoro-82M TTS model, with unexpected quality
""".strip()
time_button = """
⏱️ Small requests/Initial chunks can be slower due to warm-up
"""
warning_button = """
⚠️ 120-second maximum timeout per request
"""
header_html = f"""
<div>
<!-- Top badges bar -->
<div style="display: flex; justify-content: flex-end; padding: 4px; gap: 8px; height: 32px; align-items: center;">
<div style="height: 28px; display: flex; align-items: center; margin-top: 3px;">
<a class="github-button" href="https://github.com/remsky/Kokoro-FastAPI" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" data-show-count="true" aria-label="Star remsky/Kokoro-FastAPI on GitHub">Kokoro-FastAPI Repo</a>
</div>
<a href="https://huggingface.co/hexgrad/Kokoro-82M" target="_blank" style="height: 28px; display: flex; align-items: center;">
<img src="https://huggingface.co/datasets/huggingface/badges/resolve/main/model-on-hf-lg-dark.svg" alt="Model on HF" style="height: 100%;">
</a>
</div>
<div style="text-align: center; margin-bottom: 1rem;">
<h1 style="font-size: 1.75rem; font-weight: bold; color: #ffffff; margin-bottom: 0.5rem;">Kokoro TTS Demo</h1>
<p style="color: #d1d5db;">{header_title}</p>
</div>
<div style="display: flex; gap: 1rem;">
<div style="flex: 1; background: rgba(30, 58, 138, 0.3); border: 1px solid rgba(59, 130, 246, 0.3); padding: 0.5rem 1rem; border-radius: 6px; display: flex; align-items: center; justify-content: center;">
<span style="font-weight: 500; color: #60a5fa; text-align: center;">{time_button}</span>
</div>
<div style="flex: 1; background: rgba(147, 51, 234, 0.3); border: 1px solid rgba(168, 85, 247, 0.3); padding: 0.5rem 1rem; border-radius: 6px; display: flex; align-items: center; justify-content: center;">
<span style="font-weight: 500; color: #e879f9; text-align: center;">{warning_button}</span>
</div>
</div>
</div>
<script async defer src="https://buttons.github.io/buttons.js"></script>
"""
# Markdown content for demo text info
demo_text_info = """
All input text was sourced as public domain.
"""
|