{% extends "base.html" %}
{% block content %}
<section class="hero" data-section="hero">
  <img class="hero-image" src="{{ assets['images/speech-waveform.png'] }}" alt="{{ '公开中文语音样本的实际波形' if language == 'zh' else 'Waveform of the public Chinese speech sample' }}">
  <div class="hero-content">
    <p class="eyebrow">OPEN SOURCE / SPEECH INTELLIGENCE</p>
    <h1>FunASR</h1>
    <p class="hero-copy">
      {{ '让语音，成为可用的信息。' if language == 'zh' else 'Turn speech into useful information.' }}
    </p>
    <p class="hero-description">{{ '语音识别、时间戳、说话人分离。从一行 Python，到你自己的生产服务。' if language == 'zh' else 'Recognition, timestamps, and diarization. From a line of Python to your own production service.' }}</p>
    <div class="hero-actions">
      <a class="button button-primary" href="{{ '/quickstart.html' if language == 'zh' else '/en/quickstart.html' }}">
        {{ '开始构建' if language == 'zh' else 'Start building' }}
        <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
      </a>
      <a class="button button-secondary" href="#deployment-selector">
        <img src="{{ assets['lucide/terminal.svg'] }}" alt="">
        {{ '选择部署方案' if language == 'zh' else 'Choose a deployment' }}
      </a>
    </div>
    <div class="audio-proof"><div><span class="sample-label">{{ '公开样本 · 中文' if language == 'zh' else 'PUBLIC SAMPLE · CHINESE' }}</span><p>欢迎大家来体验达摩院推出的语音识别模型。</p></div><audio controls preload="metadata" src="{{ assets['audio/speech-sample.wav'] }}" aria-label="{{ '播放公开中文样本' if language == 'zh' else 'Play public Chinese sample' }}"></audio></div>
  </div>
</section>

<section class="section repository-router" data-section="repository-router">
  <div class="section-heading compact-heading">
    <p class="eyebrow">{{ '一个工具箱，多种可能' if language == 'zh' else 'ONE TOOLKIT. MANY POSSIBILITIES.' }}</p>
    <h2>{{ '为你的应用，选对模型。' if language == 'zh' else 'The right model for your application.' }}</h2>
  </div>
  <div class="repository-router-links">
    <a href="/go/fun-asr">
      <span>Fun-ASR</span>
      <strong>{{ '高精度与 31 语种转写' if language == 'zh' else 'High-accuracy and 31-language transcription' }}</strong>
      <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
    </a>
    <a href="/go/sensevoice">
      <span>SenseVoice</span>
      <strong>{{ '多语种、情感与音频事件' if language == 'zh' else 'Languages, emotion, and audio events' }}</strong>
      <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
    </a>
    <a href="/go/funclip">
      <span>FunClip</span>
      <strong>{{ '从语音定位到视频剪辑' if language == 'zh' else 'From speech localization to video clipping' }}</strong>
      <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
    </a>
    <a href="{{ '/docs/moss-transcribe-diarize.html' if language == 'zh' else '/en/docs/moss-transcribe-diarize.html' }}">
      <span>MOSS <small>OpenMOSS</small></span>
      <strong>{{ '长音频转写与匿名说话人' if language == 'zh' else 'Long-form transcription & anonymous speakers' }}</strong>
      <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
    </a>
  </div>
</section>

<section class="section knowledge-entry" data-section="documentation">
  <div class="section-heading compact-heading"><p class="eyebrow">{{ '开发者文档' if language == 'zh' else 'DEVELOPER DOCUMENTATION' }}</p><h2>{{ '从问题，直接到答案。' if language == 'zh' else 'Find your next step.' }}</h2></div>
  {% include 'search.html' %}
  <div class="learning-paths">
    <a href="{{ '/docs/model-selection.html' if language == 'zh' else '/en/docs/model-selection.html' }}"><span>01</span><strong>{{ '选模型' if language == 'zh' else 'Choose a model' }}</strong><small>{{ '能力、语种与时间戳' if language == 'zh' else 'Capabilities, languages & timestamps' }}</small></a>
    <a href="{{ '/quickstart.html' if language == 'zh' else '/en/quickstart.html' }}"><span>02</span><strong>{{ '跑通推理' if language == 'zh' else 'Run inference' }}</strong><small>Python / CLI / API</small></a>
    <a href="{{ '/deploy/' if language == 'zh' else '/en/deploy/' }}"><span>03</span><strong>{{ '部署服务' if language == 'zh' else 'Deploy a service' }}</strong><small>vLLM / llama.cpp / Docker</small></a>
    <a href="{{ '/docs/troubleshooting.html' if language == 'zh' else '/en/docs/troubleshooting.html' }}"><span>04</span><strong>{{ '稳定运行' if language == 'zh' else 'Operate reliably' }}</strong><small>{{ '评测、监控与故障排查' if language == 'zh' else 'Evaluation, monitoring & troubleshooting' }}</small></a>
  </div>
</section>

<section id="deployment-selector" class="section selector-section" data-section="deployment-selector">
  <div class="section-heading">
    <p class="eyebrow">{{ '部署选择器' if language == 'zh' else 'Deployment selector' }}</p>
    <h2>{{ '在你的硬件上，找到合适的运行时。' if language == 'zh' else 'A runtime that fits your hardware.' }}</h2>
    <p>{{ '从本地 CPU 到 GPU 集群，每条路径都有安装步骤、测试记录和已知限制。' if language == 'zh' else 'From a local CPU to GPU infrastructure, with setup steps, test records, and known limitations.' }}</p>
  </div>
  <form class="selector" data-deployment-selector>
    <fieldset>
      <legend>{{ '工作负载' if language == 'zh' else 'Workload' }}</legend>
      <div class="segments" data-selector-group="workload">
        <button type="button" data-value="batch" aria-pressed="true">{{ '文件批量' if language == 'zh' else 'File batch' }}</button>
        <button type="button" data-value="realtime" aria-pressed="false">{{ '实时流' if language == 'zh' else 'Realtime' }}</button>
        <button type="button" data-value="private-api" aria-pressed="false">{{ '私有 API' if language == 'zh' else 'Private API' }}</button>
        <button type="button" data-value="edge" aria-pressed="false">{{ '边缘应用' if language == 'zh' else 'Edge app' }}</button>
      </div>
    </fieldset>
    <fieldset>
      <legend>{{ '硬件' if language == 'zh' else 'Hardware' }}</legend>
      <div class="segments" data-selector-group="hardware">
        <button type="button" data-value="nvidia-gpu" aria-pressed="true">NVIDIA GPU</button>
        <button type="button" data-value="cpu" aria-pressed="false">CPU</button>
        <button type="button" data-value="desktop-edge-gpu" aria-pressed="false">{{ '桌面 / 边缘 GPU' if language == 'zh' else 'Desktop / edge GPU' }}</button>
        <button type="button" data-value="kubernetes" aria-pressed="false">Kubernetes</button>
      </div>
    </fieldset>
    <fieldset>
      <legend>{{ '优先目标' if language == 'zh' else 'Priority' }}</legend>
      <div class="segments" data-selector-group="priority">
        <button type="button" data-value="throughput" aria-pressed="true">{{ '吞吐' if language == 'zh' else 'Throughput' }}</button>
        <button type="button" data-value="latency" aria-pressed="false">{{ '延迟' if language == 'zh' else 'Latency' }}</button>
        <button type="button" data-value="portability" aria-pressed="false">{{ '可移植' if language == 'zh' else 'Portability' }}</button>
        <button type="button" data-value="compatibility" aria-pressed="false">{{ '兼容性' if language == 'zh' else 'Compatibility' }}</button>
      </div>
    </fieldset>
  </form>
  <article class="selector-result" data-selector-result aria-live="polite">
    <div>
      <p class="status status-community" data-result-status>{{ '推荐路径' if language == 'zh' else 'Recommended path' }}</p>
      <h3 data-result-name></h3>
      <p data-result-reason></p>
    </div>
    <div class="limitation">
      <strong>{{ '首要限制' if language == 'zh' else 'Primary limitation' }}</strong>
      <p data-result-limitation></p>
    </div>
    <a class="button button-primary" data-result-link href="{{ '/deploy/vllm.html' if language == 'zh' else '/en/deploy/vllm.html' }}">
      {{ '查看部署步骤' if language == 'zh' else 'Open deployment guide' }}
      <img src="{{ assets['lucide/arrow-right.svg'] }}" alt="">
    </a>
  </article>
  <script type="application/json" id="deployment-selector-data">{{ selector_payload | tojson }}</script>
</section>

<section class="section matrix-section" data-section="deployment-matrix">
  <div class="section-heading compact-heading">
    <p class="eyebrow">{{ '完整矩阵' if language == 'zh' else 'Full matrix' }}</p>
    <h2>{{ '运行时一览' if language == 'zh' else 'Explore the runtimes' }}</h2>
  </div>
  <details class="matrix-disclosure"><summary>{{ '查看全部部署路径' if language == 'zh' else 'Compare all deployment paths' }} <span>{{ deployments | length }}</span></summary>
  <div class="table-wrap">
    <table>
      <thead><tr>
        <th>{{ '方案' if language == 'zh' else 'Path' }}</th>
        <th>{{ '工作负载' if language == 'zh' else 'Workload' }}</th>
        <th>{{ '硬件' if language == 'zh' else 'Hardware' }}</th>
        <th>{{ '接口' if language == 'zh' else 'Interface' }}</th>
        <th>{{ '状态' if language == 'zh' else 'Status' }}</th>
      </tr></thead>
      <tbody>
      {% for item in deployments %}
        <tr>
          <td><a href="{{ item.routes[language] }}">{{ item.translations[language].name }}</a></td>
          <td>{{ item.workloads | join(' / ') }}</td>
          <td>{{ item.hardware | join(' / ') }}</td>
          <td>{{ item.interfaces[:2] | join(' / ') }}</td>
          <td><span class="status status-{{ item.maturity }}">{{ item.translations[language].status_label }}</span></td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  </details>
</section>

<section class="section api-section" data-section="api-contract">
  <div class="section-heading">
    <p class="eyebrow">{{ '可验证接口' if language == 'zh' else 'Inspectable API contract' }}</p>
    <h2>{{ '先验证服务，再接入客户端' if language == 'zh' else 'Verify the service before integrating a client' }}</h2>
    <p>{{ '健康、模型身份和真实转写是三个独立检查。' if language == 'zh' else 'Health, model identity, and real transcription are three separate checks.' }}</p>
  </div>
  <div class="terminal" aria-label="{{ 'OpenAI 兼容 API 验证命令' if language == 'zh' else 'OpenAI-compatible API verification commands' }}">
    <div class="terminal-bar"><span></span><span></span><span></span><strong>localhost:8000</strong></div>
    <pre><code>curl -fsS http://localhost:8000/health
# {"status":"ok"}

curl -fsS http://localhost:8000/v1/models
# {"data":[{"id":"sensevoice"}]}

curl -fsS http://localhost:8000/v1/audio/transcriptions \
  -F file=@meeting.wav -F model=sensevoice</code></pre>
    <button class="icon-button copy-button" type="button" data-copy-target=".terminal pre" title="{{ '复制命令' if language == 'zh' else 'Copy commands' }}">
      <img src="{{ assets['lucide/copy.svg'] }}" alt="">
    </button>
  </div>
</section>

<section class="section readiness-section">
  <div class="section-heading compact-heading">
    <p class="eyebrow">{{ '生产边界' if language == 'zh' else 'Production boundary' }}</p>
    <h2>{{ '运行时负责推理，平台负责暴露方式' if language == 'zh' else 'The runtime serves inference; the platform controls exposure' }}</h2>
  </div>
  <div class="responsibility-grid">
    <div>
      <img src="{{ assets['lucide/activity.svg'] }}" alt="">
      <h3>{{ 'FunASR 原生' if language == 'zh' else 'Native FunASR' }}</h3>
      <p>{{ '模型加载、转写接口、时间戳、VAD、流式协议和运行时日志。' if language == 'zh' else 'Model loading, transcription, timestamps, VAD, streaming protocols, and runtime logs.' }}</p>
    </div>
    <div>
      <img src="{{ assets['lucide/shield-check.svg'] }}" alt="">
      <h3>{{ '网关与平台' if language == 'zh' else 'Gateway and platform' }}</h3>
      <p>{{ 'TLS、认证、租户配额、限流、审计、上传策略、监控和滚动发布。' if language == 'zh' else 'TLS, authentication, tenant quotas, rate limits, audit, upload policy, monitoring, and rollout.' }}</p>
    </div>
    <div>
      <img src="{{ assets['lucide/gauge.svg'] }}" alt="">
      <h3>{{ '上线证据' if language == 'zh' else 'Release evidence' }}</h3>
      <p>{{ '目标硬件的容量测试、已知音频 smoke test、版本清单和可执行回滚。' if language == 'zh' else 'Target-hardware capacity tests, known-audio smoke tests, version manifests, and executable rollback.' }}</p>
    </div>
  </div>
</section>

<section id="projects" class="section ecosystem-section" data-section="ecosystem-adoption">
  <div class="section-heading">
    <p class="eyebrow">{{ '生态仓库' if language == 'zh' else 'Ecosystem repositories' }}</p>
    <h2>{{ '从模型到视频工作流' if language == 'zh' else 'From models to video workflows' }}</h2>
    <p>{{ '按目标进入专用仓库，核对模型、部署边界与可复现示例。' if language == 'zh' else 'Open the focused repository for its models, deployment boundaries, and reproducible examples.' }}</p>
  </div>
  <div class="ecosystem-repositories">
    <article data-project="funasr">
      <p class="repository-role">{{ '工业语音工具箱' if language == 'zh' else 'Production speech toolkit' }}</p>
      <h3>FunASR</h3>
      <p>{{ '统一语音识别、VAD、标点、说话人分离与工业部署的开源工具箱。' if language == 'zh' else 'The open toolkit unifying ASR, VAD, punctuation, diarization, and production deployment.' }}</p>
      <a class="text-link" href="/go/github">{{ '查看 FunASR' if language == 'zh' else 'Open FunASR on GitHub' }} <img src="{{ assets['lucide/arrow-right.svg'] }}" alt=""></a>
    </article>
    <article data-project="fun-asr">
      <p class="repository-role">{{ '高精度转写' if language == 'zh' else 'High-accuracy ASR' }}</p>
      <h3>Fun-ASR</h3>
      <p>{{ '端到端语音识别模型家族，覆盖旗舰与 31 语言 MLT 检查点。' if language == 'zh' else 'A family of end-to-end speech recognition models spanning flagship and 31-language MLT checkpoints.' }}</p>
      <a class="text-link" href="/go/fun-asr">{{ '查看 Fun-ASR' if language == 'zh' else 'Open Fun-ASR on GitHub' }} <img src="{{ assets['lucide/arrow-right.svg'] }}" alt=""></a>
    </article>
    <article data-project="sensevoice">
      <p class="repository-role">{{ '多语种与情感' if language == 'zh' else 'Languages and emotion' }}</p>
      <h3>SenseVoice</h3>
      <p>{{ '覆盖语音识别、语言、情感与音频事件的多语言理解模型。' if language == 'zh' else 'Multilingual understanding across speech recognition, language, emotion, and audio events.' }}</p>
      <a class="text-link" href="/go/sensevoice">{{ '查看 SenseVoice' if language == 'zh' else 'Open SenseVoice on GitHub' }} <img src="{{ assets['lucide/arrow-right.svg'] }}" alt=""></a>
    </article>
    <article data-project="funclip">
      <p class="repository-role">{{ '智能视频剪辑' if language == 'zh' else 'AI video editing' }}</p>
      <h3>FunClip</h3>
      <p>{{ '以语音与文本定位为核心的视频理解与智能剪辑工作流。' if language == 'zh' else 'Video understanding and intelligent clipping workflows driven by speech and text localization.' }}</p>
      <a class="text-link" href="/go/funclip">{{ '查看 FunClip' if language == 'zh' else 'Open FunClip on GitHub' }} <img src="{{ assets['lucide/arrow-right.svg'] }}" alt=""></a>
    </article>
  </div>
</section>

<section class="section final-cta">
  <div>
    <p class="eyebrow">{{ '下一步' if language == 'zh' else 'Next step' }}</p>
    <h2>{{ '选择一条路径，完成第一次可复现验证' if language == 'zh' else 'Choose one path and complete the first reproducible verification' }}</h2>
  </div>
  <div class="hero-actions">
    <a class="button button-primary" href="{{ '/deploy/' if language == 'zh' else '/en/deploy/' }}">{{ '进入部署中心' if language == 'zh' else 'Open deployment center' }}</a>
    <a class="button button-secondary" href="{{ github_url }}">GitHub</a>
  </div>
</section>
{% endblock %}