Download index.html from NagaYu/downstep: direct link, hf CLI and curl.
- Browser
- Download file 34.7 kB
-
https://huggingface.co/spaces/NagaYu/downstep/resolve/main/index.html
- Command line
-
hf download hf://spaces/NagaYu/downstep/index.html
-
curl -L -o index.html https://huggingface.co/spaces/NagaYu/downstep/resolve/main/index.html
34.7 kB
| <html lang="en"><head><meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Downstep — hear the difference</title> | |
| <style> | |
| :root { --fg:#16181d; --bg:#fff; --muted:#5b6270; --line:#e3e6ec; | |
| --oj:#666a73; --ds:#0072B2; --warn:#B45309; } | |
| @media (prefers-color-scheme: dark) { | |
| :root { --fg:#e8eaee; --bg:#14161a; --muted:#9aa2b1; --line:#2a2f38; | |
| --oj:#9aa2b1; --ds:#4da3e0; --warn:#e0a34d; } | |
| } | |
| * { box-sizing:border-box; } | |
| body { margin:0; padding:28px 20px 64px; background:var(--bg); color:var(--fg); | |
| font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans", | |
| "Noto Sans JP",sans-serif; } | |
| main { max-width:860px; margin:0 auto; } | |
| h1 { font-size:1.6rem; margin:0 0 6px; letter-spacing:-.01em; } | |
| .sub { color:var(--muted); margin:0 0 24px; } | |
| table { border-collapse:collapse; width:100%; margin:18px 0 26px; font-size:14px; } | |
| th,td { padding:8px 10px; border-bottom:1px solid var(--line); text-align:left; } | |
| th { font-weight:600; color:var(--muted); font-size:12.5px; text-transform:uppercase; | |
| letter-spacing:.04em; } | |
| td.n { font-variant-numeric:tabular-nums; } | |
| .win { color:var(--ds); font-weight:650; } | |
| .card { border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin:14px 0; } | |
| .card h3 { margin:0 0 12px; font-size:1.12rem; } | |
| .gloss { color:var(--muted); font-weight:400; font-size:.82rem; margin-left:8px; } | |
| .grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; } | |
| @media (max-width:640px) { .grid { grid-template-columns:1fr; } } | |
| .lbl { font-size:13px; color:var(--muted); margin-bottom:2px; } | |
| .acc { font-variant-numeric:tabular-nums; color:var(--fg); font-weight:600; } | |
| .warn { color:var(--warn); font-weight:500; } | |
| .curve.oj { color:var(--oj); } .curve.ds { color:var(--ds); } | |
| audio { width:100%; margin-top:6px; height:34px; } | |
| .note { border-left:3px solid var(--line); padding:2px 0 2px 14px; color:var(--muted); | |
| margin:22px 0; font-size:14px; } | |
| a { color:var(--ds); } | |
| code { background:color-mix(in srgb, var(--fg) 8%, transparent); padding:1px 5px; | |
| border-radius:4px; font-size:.9em; } | |
| </style></head><body><main> | |
| <h1>Downstep</h1> | |
| <p class="sub">Japanese pitch accent for compounds your TTS dictionary has never seen. | |
| Both versions below are synthesised with the same voice, so the only thing you hear | |
| changing is where the pitch falls.</p> | |
| <table> | |
| <tr><th>system</th><th>compound in the dictionary</th><th>compound not in the dictionary</th></tr> | |
| <tr><td>OpenJTalk</td><td class="n win">96.4%</td> | |
| <td class="n">40.6%</td></tr> | |
| <tr><td>Downstep</td><td class="n">81.3%</td> | |
| <td class="n win">81.3%</td></tr> | |
| </table> | |
| <p class="note">Downstep is <strong>worse</strong> on words the dictionary already knows, and that | |
| is the point: it is a fallback path, not a replacement for lookup. It reports a calibrated | |
| confidence and abstains below a threshold, returning OpenJTalk's answer unchanged. | |
| Accent-nucleus exact match on 5,414 held-out compounds; gold from NAIST-jdic and UniDic 2.1.2.</p> | |
| <h2 style="font-size:1.15rem;margin:30px 0 4px">Listen</h2> | |
| <p class="sub" style="margin-bottom:14px">None of these compounds is a dictionary entry, so | |
| OpenJTalk has to compose the accent from the parts. Notice how often it also breaks the | |
| compound into several accent phrases.</p> | |
| <section class="card"> | |
| <h3>新型感染症対策本部 <span class="gloss">a new-infectious-disease response headquarters</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">0 / 5 <span class='warn'>(2 accent phrases)</span></span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L40.0,78.0 M40.0,78.0 L40.0,20.0 M40.0,20.0 L72.0,20.0 M72.0,20.0 L104.0,20.0 M104.0,20.0 L136.0,20.0 M136.0,20.0 L168.0,20.0 M168.0,20.0 L200.0,20.0 M200.0,20.0 L232.0,20.0 M232.0,20.0 L264.0,20.0 M264.0,20.0 L296.0,20.0 M296.0,20.0 L328.0,20.0 M328.0,20.0 L328.0,78.0 M328.0,78.0 L360.0,78.0 M360.0,78.0 L360.0,20.0 M360.0,20.0 L392.0,20.0 M392.0,20.0 L424.0,20.0 M424.0,20.0 L456.0,20.0 M456.0,20.0 L488.0,20.0 M488.0,20.0 L488.0,78.0 M488.0,78.0 L520.0,78.0 M520.0,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><line x1="328.0" y1="14" x2="328.0" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><text x="24.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シ</text><text x="56.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="88.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ガ</text><text x="120.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="152.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="184.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="216.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="248.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ショ</text><text x="312.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="344.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="376.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="408.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="440.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text><text x="472.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ホ</text><text x="504.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="536.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ブ</text></svg></div> | |
| <audio controls preload="none" src="audio/11783470_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">15</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L40.0,78.0 M40.0,78.0 L40.0,20.0 M40.0,20.0 L72.0,20.0 M72.0,20.0 L104.0,20.0 M104.0,20.0 L136.0,20.0 M136.0,20.0 L168.0,20.0 M168.0,20.0 L200.0,20.0 M200.0,20.0 L232.0,20.0 M232.0,20.0 L264.0,20.0 M264.0,20.0 L296.0,20.0 M296.0,20.0 L328.0,20.0 M328.0,20.0 L360.0,20.0 M360.0,20.0 L392.0,20.0 M392.0,20.0 L424.0,20.0 M424.0,20.0 L456.0,20.0 M456.0,20.0 L488.0,20.0 M488.0,20.0 L488.0,78.0 M488.0,78.0 L520.0,78.0 M520.0,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="24.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シ</text><text x="56.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="88.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ガ</text><text x="120.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="152.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="184.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="216.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="248.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ショ</text><text x="312.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="344.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="376.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="408.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="440.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text><text x="472.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ホ</text><text x="504.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="536.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ブ</text></svg></div> | |
| <audio controls preload="none" src="audio/11783470_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>地球温暖化対策 <span class="gloss">global-warming countermeasures</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">0 / 0 / 0 <span class='warn'>(3 accent phrases)</span></span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L144.0,78.0 M144.0,78.0 L189.3,78.0 M189.3,78.0 L189.3,20.0 M189.3,20.0 L234.7,20.0 M234.7,20.0 L280.0,20.0 M280.0,20.0 L325.3,20.0 M325.3,20.0 L370.7,20.0 M370.7,20.0 L370.7,78.0 M370.7,78.0 L416.0,78.0 M416.0,78.0 L416.0,20.0 M416.0,20.0 L461.3,20.0 M461.3,20.0 L506.7,20.0 M506.7,20.0 L552.0,20.0" fill="none" stroke="currentColor" stroke-width="2.5"/><line x1="144.0" y1="14" x2="144.0" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><line x1="370.7" y1="14" x2="370.7" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">チ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キュ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">オ</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ダ</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text></svg></div> | |
| <audio controls preload="none" src="audio/21716919_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">4</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L189.3,20.0 M189.3,20.0 L189.3,78.0 M189.3,78.0 L234.7,78.0 M234.7,78.0 L280.0,78.0 M280.0,78.0 L325.3,78.0 M325.3,78.0 L370.7,78.0 M370.7,78.0 L416.0,78.0 M416.0,78.0 L461.3,78.0 M461.3,78.0 L506.7,78.0 M506.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">チ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キュ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">オ</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ダ</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text></svg></div> | |
| <audio controls preload="none" src="audio/21716919_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>少子高齢化社会 <span class="gloss">an ageing society with a falling birthrate</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">0 / 1 <span class='warn'>(2 accent phrases)</span></span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L57.5,78.0 M57.5,78.0 L57.5,20.0 M57.5,20.0 L106.9,20.0 M106.9,20.0 L156.4,20.0 M156.4,20.0 L205.8,20.0 M205.8,20.0 L255.3,20.0 M255.3,20.0 L304.7,20.0 M304.7,20.0 L354.2,20.0 M354.2,20.0 L403.6,20.0 M403.6,20.0 L453.1,20.0 M453.1,20.0 L453.1,78.0 M453.1,78.0 L502.5,78.0 M502.5,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><line x1="403.6" y1="14" x2="403.6" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><text x="32.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ショ</text><text x="82.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="131.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シ</text><text x="181.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">コ</text><text x="230.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">レ</text><text x="329.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="378.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="428.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シャ</text><text x="477.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="527.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text></svg></div> | |
| <audio controls preload="none" src="audio/93897945_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">9</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L57.5,78.0 M57.5,78.0 L57.5,20.0 M57.5,20.0 L106.9,20.0 M106.9,20.0 L156.4,20.0 M156.4,20.0 L205.8,20.0 M205.8,20.0 L255.3,20.0 M255.3,20.0 L304.7,20.0 M304.7,20.0 L354.2,20.0 M354.2,20.0 L403.6,20.0 M403.6,20.0 L453.1,20.0 M453.1,20.0 L453.1,78.0 M453.1,78.0 L502.5,78.0 M502.5,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="32.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ショ</text><text x="82.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="131.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シ</text><text x="181.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">コ</text><text x="230.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">レ</text><text x="329.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="378.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="428.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">シャ</text><text x="477.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="527.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text></svg></div> | |
| <audio controls preload="none" src="audio/93897945_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>再生可能エネルギー <span class="gloss">renewable energy</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">0 / 0 / 2 <span class='warn'>(3 accent phrases)</span></span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L189.3,20.0 M189.3,20.0 L189.3,78.0 M189.3,78.0 L234.7,78.0 M234.7,78.0 L234.7,20.0 M234.7,20.0 L280.0,20.0 M280.0,20.0 L325.3,20.0 M325.3,20.0 L325.3,78.0 M325.3,78.0 L370.7,78.0 M370.7,78.0 L370.7,20.0 M370.7,20.0 L416.0,20.0 M416.0,20.0 L416.0,78.0 M416.0,78.0 L461.3,78.0 M461.3,78.0 L506.7,78.0 M506.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><line x1="189.3" y1="14" x2="189.3" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><line x1="325.3" y1="14" x2="325.3" y2="84" stroke="currentColor" stroke-dasharray="3 3" opacity="0.45"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ノ</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">エ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ネ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ル</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ギ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text></svg></div> | |
| <audio controls preload="none" src="audio/68567786_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">9</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L189.3,20.0 M189.3,20.0 L234.7,20.0 M234.7,20.0 L280.0,20.0 M280.0,20.0 L325.3,20.0 M325.3,20.0 L370.7,20.0 M370.7,20.0 L416.0,20.0 M416.0,20.0 L416.0,78.0 M416.0,78.0 L461.3,78.0 M461.3,78.0 L506.7,78.0 M506.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">サ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ノ</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">エ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ネ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ル</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ギ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text></svg></div> | |
| <audio controls preload="none" src="audio/68567786_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>デジタル人材育成 <span class="gloss">digital-talent development</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">9</span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L189.3,20.0 M189.3,20.0 L234.7,20.0 M234.7,20.0 L280.0,20.0 M280.0,20.0 L325.3,20.0 M325.3,20.0 L370.7,20.0 M370.7,20.0 L416.0,20.0 M416.0,20.0 L416.0,78.0 M416.0,78.0 L461.3,78.0 M461.3,78.0 L506.7,78.0 M506.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">デ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ジ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ル</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ジ</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ザ</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text></svg></div> | |
| <audio controls preload="none" src="audio/37960619_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">5</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L53.3,78.0 M53.3,78.0 L53.3,20.0 M53.3,20.0 L98.7,20.0 M98.7,20.0 L144.0,20.0 M144.0,20.0 L189.3,20.0 M189.3,20.0 L234.7,20.0 M234.7,20.0 L234.7,78.0 M234.7,78.0 L280.0,78.0 M280.0,78.0 L325.3,78.0 M325.3,78.0 L370.7,78.0 M370.7,78.0 L416.0,78.0 M416.0,78.0 L461.3,78.0 M461.3,78.0 L506.7,78.0 M506.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="30.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">デ</text><text x="76.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ジ</text><text x="121.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">タ</text><text x="166.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ル</text><text x="212.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ジ</text><text x="257.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="302.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ザ</text><text x="348.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="393.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="438.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text><text x="484.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="529.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text></svg></div> | |
| <audio controls preload="none" src="audio/37960619_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>気候変動適応計画 <span class="gloss">a climate-change adaptation plan</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">12</span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L44.3,78.0 M44.3,78.0 L44.3,20.0 M44.3,20.0 L80.5,20.0 M80.5,20.0 L116.8,20.0 M116.8,20.0 L153.1,20.0 M153.1,20.0 L189.3,20.0 M189.3,20.0 L225.6,20.0 M225.6,20.0 L261.9,20.0 M261.9,20.0 L298.1,20.0 M298.1,20.0 L334.4,20.0 M334.4,20.0 L370.7,20.0 M370.7,20.0 L406.9,20.0 M406.9,20.0 L443.2,20.0 M443.2,20.0 L443.2,78.0 M443.2,78.0 L479.5,78.0 M479.5,78.0 L515.7,78.0 M515.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="26.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キ</text><text x="62.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">コ</text><text x="98.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="134.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ヘ</text><text x="171.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="207.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ド</text><text x="243.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">テ</text><text x="316.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キ</text><text x="352.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">オ</text><text x="388.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="425.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ケ</text><text x="461.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="497.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="533.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text></svg></div> | |
| <audio controls preload="none" src="audio/76605056_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">4</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L44.3,78.0 M44.3,78.0 L44.3,20.0 M44.3,20.0 L80.5,20.0 M80.5,20.0 L116.8,20.0 M116.8,20.0 L153.1,20.0 M153.1,20.0 L153.1,78.0 M153.1,78.0 L189.3,78.0 M189.3,78.0 L225.6,78.0 M225.6,78.0 L261.9,78.0 M261.9,78.0 L298.1,78.0 M298.1,78.0 L334.4,78.0 M334.4,78.0 L370.7,78.0 M370.7,78.0 L406.9,78.0 M406.9,78.0 L443.2,78.0 M443.2,78.0 L479.5,78.0 M479.5,78.0 L515.7,78.0 M515.7,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="26.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キ</text><text x="62.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">コ</text><text x="98.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="134.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ヘ</text><text x="171.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="207.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ド</text><text x="243.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">テ</text><text x="316.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キ</text><text x="352.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">オ</text><text x="388.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="425.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ケ</text><text x="461.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ー</text><text x="497.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="533.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ク</text></svg></div> | |
| <audio controls preload="none" src="audio/76605056_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="card"> | |
| <h3>選挙管理委員会 <span class="gloss">an election administration committee</span></h3> | |
| <div class="grid"> | |
| <div class="sys"> | |
| <div class="lbl">OpenJTalk <span class="acc">9</span></div> | |
| <div class="curve oj"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L57.5,78.0 M57.5,78.0 L57.5,20.0 M57.5,20.0 L106.9,20.0 M106.9,20.0 L156.4,20.0 M156.4,20.0 L205.8,20.0 M205.8,20.0 L255.3,20.0 M255.3,20.0 L304.7,20.0 M304.7,20.0 L354.2,20.0 M354.2,20.0 L403.6,20.0 M403.6,20.0 L453.1,20.0 M453.1,20.0 L453.1,78.0 M453.1,78.0 L502.5,78.0 M502.5,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="32.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="82.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="131.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キョ</text><text x="181.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="230.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">リ</text><text x="329.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="378.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="428.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="477.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="527.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text></svg></div> | |
| <audio controls preload="none" src="audio/15280516_openjtalk.wav"></audio> | |
| </div> | |
| <div class="sys"> | |
| <div class="lbl">Downstep <span class="acc">8</span></div> | |
| <div class="curve ds"><svg viewBox="0 0 560 104" width="100%" role="img"><path d="M8.0,78.0 L57.5,78.0 M57.5,78.0 L57.5,20.0 M57.5,20.0 L106.9,20.0 M106.9,20.0 L156.4,20.0 M156.4,20.0 L205.8,20.0 M205.8,20.0 L255.3,20.0 M255.3,20.0 L304.7,20.0 M304.7,20.0 L354.2,20.0 M354.2,20.0 L403.6,20.0 M403.6,20.0 L403.6,78.0 M403.6,78.0 L453.1,78.0 M453.1,78.0 L502.5,78.0 M502.5,78.0 L552.0,78.0" fill="none" stroke="currentColor" stroke-width="2.5"/><text x="32.7" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">セ</text><text x="82.2" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="131.6" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">キョ</text><text x="181.1" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="230.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="280.0" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">リ</text><text x="329.5" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="378.9" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text><text x="428.4" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">ン</text><text x="477.8" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">カ</text><text x="527.3" y="96" text-anchor="middle" font-size="12" fill="currentColor" opacity="0.75">イ</text></svg></div> | |
| <audio controls preload="none" src="audio/15280516_downstep.wav"></audio> | |
| </div> | |
| </div> | |
| </section> | |
| <p class="note">This is a <strong>static</strong> page: the examples are pre-rendered, so you | |
| cannot type your own word here. The interactive version lives in <code>app.py</code> in the | |
| repository and runs locally with <code>python app.py</code>.</p> | |
| <p class="note">No human annotation exists in this release — every accent label is derived from | |
| a dictionary. The repository ships the annotation protocol and an extractor that emits novel | |
| compounds unlabeled, but no native speaker has checked any of it.</p> | |
| <p><a href="https://huggingface.co/NagaYu/downstep">Model</a> · | |
| <a href="https://huggingface.co/datasets/NagaYu/downstep-bench">Benchmark</a> · | |
| <a href="https://github.com/NagaYu/downstep">Code and evaluation</a> · Apache-2.0</p> | |
| </main></body></html> |