From 819a56888a706c853195b078a674273249cbc7a1 Mon Sep 17 00:00:00 2001
From: mARTin-B78 <mail@martin-bierschenk.de>
Date: Mon, 12 Oct 2026 00:23:16 +0200
Subject: [PATCH] docs: add audio player page and link table for German samples

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 samples/german sample files/README.md  | 17 +++++
 samples/german sample files/index.html | 95 ++++++++++++++++++++++++++
 2 files changed, 112 insertions(+)
 create mode 100644 samples/german sample files/index.html

diff --git a/samples/german sample files/README.md b/samples/german sample files/README.md
index b42995f..2f79f65 100644
--- a/samples/german sample files/README.md	
+++ b/samples/german sample files/README.md	
@@ -7,3 +7,20 @@ All files use the same text:
 > Guten Morgen! Das Wetter ist heute wunderbar, deshalb gehen wir am Rhein spazieren. Anschließend essen wir Käsekuchen und besprechen die Planung für das nächste Quartal, einschließlich Budget, Meeting und Zeitplan.
 
 Files are in `mp3/` (24 kHz mono, VBR ~130 kbit/s), numbered 01-10 with the voice ID.
+
+## Listen
+
+GitHub's directory view has no audio player. Open `index.html` in this folder from a local clone (it has a player per voice), or enable GitHub Pages for the repository and open the same page there. Direct links to the files:
+
+| # | Voice | File |
+|---|---|---|
+| 01 | DE_M_Gutfolg | [01_DE_M_Gutfolg.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/01_DE_M_Gutfolg.mp3) |
+| 02 | DE_Banker | [02_DE_Banker.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/02_DE_Banker.mp3) |
+| 03 | DE_N_Orkgeist | [03_DE_N_Orkgeist.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/03_DE_N_Orkgeist.mp3) |
+| 04 | DE_F_Amala | [04_DE_F_Amala.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/04_DE_F_Amala.mp3) |
+| 05 | DE_1_0 | [05_DE_1_0.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/05_DE_1_0.mp3) |
+| 06 | DE_F_19_German_Switzerland_Female_Leni | [06_DE_F_19_German_Switzerland_Female_Leni.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/06_DE_F_19_German_Switzerland_Female_Leni.mp3) |
+| 07 | DE_M_Rabe | [07_DE_M_Rabe.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/07_DE_M_Rabe.mp3) |
+| 08 | DE_N_Schwarzhaarige | [08_DE_N_Schwarzhaarige.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/08_DE_N_Schwarzhaarige.mp3) |
+| 09 | DE_N_Magier | [09_DE_N_Magier.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/09_DE_N_Magier.mp3) |
+| 10 | DE_M_Ork | [10_DE_M_Ork.mp3](https://github.com/mARTin-B78/dgx-spark-faster-qwen3-tts/blob/main/samples/german%20sample%20files/mp3/10_DE_M_Ork.mp3) |
diff --git a/samples/german sample files/index.html b/samples/german sample files/index.html
new file mode 100644
index 0000000..d92b1fd
--- /dev/null
+++ b/samples/german sample files/index.html	
@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>German samples - Qwen3-TTS 0.6B streaming</title>
+<style>
+  :root { color-scheme: light dark; --bg:#fff; --fg:#1b1f24; --muted:#59636e; --line:#d1d9e0; }
+  @media (prefers-color-scheme: dark) { :root { --bg:#0d1117; --fg:#e6edf3; --muted:#9198a1; --line:#3d444d; } }
+  body { margin:0; padding:1.5rem 1rem; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,sans-serif; }
+  main { max-width:52rem; margin:0 auto; }
+  blockquote { margin:1rem 0; padding:.5rem 1rem; border-left:4px solid var(--line); color:var(--muted); }
+  .scroll { overflow-x:auto; }
+  table { border-collapse:collapse; width:100%; }
+  th, td { text-align:left; padding:.5rem; border-bottom:1px solid var(--line); vertical-align:middle; }
+  audio { width:100%; min-width:14rem; }
+  a { color:inherit; }
+  a:focus-visible, audio:focus-visible { outline:3px solid #0969da; outline-offset:2px; }
+</style>
+</head>
+<body>
+<main>
+  <h1>German samples: Qwen3-TTS 0.6B-Base streaming</h1>
+  <p>Ten voices from the active library, rendered with the 0.6B-Base streaming server (v6.15.0, <code>language: German</code>, default sampling). Every file uses the same text:</p>
+  <blockquote lang="de">Guten Morgen! Das Wetter ist heute wunderbar, deshalb gehen wir am Rhein spazieren. Anschließend essen wir Käsekuchen und besprechen die Planung für das nächste Quartal, einschließlich Budget, Meeting und Zeitplan.</blockquote>
+  <div class="scroll">
+    <table>
+      <thead><tr><th scope="col">#</th><th scope="col">Voice</th><th scope="col">Listen</th><th scope="col">File</th></tr></thead>
+      <tbody>
+      <tr>
+        <th scope="row">01</th>
+        <td>DE_M_Gutfolg</td>
+        <td><audio controls preload="none" src="mp3/01_DE_M_Gutfolg.mp3" aria-label="Sample 01: DE_M_Gutfolg"></audio></td>
+        <td><a href="mp3/01_DE_M_Gutfolg.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">02</th>
+        <td>DE_Banker</td>
+        <td><audio controls preload="none" src="mp3/02_DE_Banker.mp3" aria-label="Sample 02: DE_Banker"></audio></td>
+        <td><a href="mp3/02_DE_Banker.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">03</th>
+        <td>DE_N_Orkgeist</td>
+        <td><audio controls preload="none" src="mp3/03_DE_N_Orkgeist.mp3" aria-label="Sample 03: DE_N_Orkgeist"></audio></td>
+        <td><a href="mp3/03_DE_N_Orkgeist.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">04</th>
+        <td>DE_F_Amala</td>
+        <td><audio controls preload="none" src="mp3/04_DE_F_Amala.mp3" aria-label="Sample 04: DE_F_Amala"></audio></td>
+        <td><a href="mp3/04_DE_F_Amala.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">05</th>
+        <td>DE_1_0</td>
+        <td><audio controls preload="none" src="mp3/05_DE_1_0.mp3" aria-label="Sample 05: DE_1_0"></audio></td>
+        <td><a href="mp3/05_DE_1_0.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">06</th>
+        <td>DE_F_19_German_Switzerland_Female_Leni</td>
+        <td><audio controls preload="none" src="mp3/06_DE_F_19_German_Switzerland_Female_Leni.mp3" aria-label="Sample 06: DE_F_19_German_Switzerland_Female_Leni"></audio></td>
+        <td><a href="mp3/06_DE_F_19_German_Switzerland_Female_Leni.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">07</th>
+        <td>DE_M_Rabe</td>
+        <td><audio controls preload="none" src="mp3/07_DE_M_Rabe.mp3" aria-label="Sample 07: DE_M_Rabe"></audio></td>
+        <td><a href="mp3/07_DE_M_Rabe.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">08</th>
+        <td>DE_N_Schwarzhaarige</td>
+        <td><audio controls preload="none" src="mp3/08_DE_N_Schwarzhaarige.mp3" aria-label="Sample 08: DE_N_Schwarzhaarige"></audio></td>
+        <td><a href="mp3/08_DE_N_Schwarzhaarige.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">09</th>
+        <td>DE_N_Magier</td>
+        <td><audio controls preload="none" src="mp3/09_DE_N_Magier.mp3" aria-label="Sample 09: DE_N_Magier"></audio></td>
+        <td><a href="mp3/09_DE_N_Magier.mp3" download>mp3</a></td>
+      </tr>
+      <tr>
+        <th scope="row">10</th>
+        <td>DE_M_Ork</td>
+        <td><audio controls preload="none" src="mp3/10_DE_M_Ork.mp3" aria-label="Sample 10: DE_M_Ork"></audio></td>
+        <td><a href="mp3/10_DE_M_Ork.mp3" download>mp3</a></td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+</main>
+</body>
+</html>