community data live apis zero lock-in

LYRIC LAB

A learner connecting ideas to sounds needs to see things. This page is a working proof: every widget below is fed live by a community resource — pitch accent shapes from Kanjium, stroke order you can trace, real anime lines with screenshots, pictures resolved from Wikidata. One tap on a lyric word lights all of it up.

FIELD DEMO — JUNE 2026STACK: KANJIUM / KANJIVG / JMDICT / IMMERSIONKIT / WIKIDATA
01 / the stage

One line of a song.
Every word is a door.

This is the opening line of 故郷 (1914) — public domain, so we can print it freely. Tap any underlined word and the dock below fills in: how it sounds, how it's written, what it means, what it looks like, and where it shows up in real shows.

唱歌 / 1914 / PUBLIC DOMAIN 岡野貞一・高野辰之
かの かの
TAP A WORD — THE DOCK IS LIVE
うさぎ rabbit; hare
Sound / 音
Kanjium accent DB (CC BY-SA) → drawn + hummed locally
Write / 形
Hanzi Writer + hanzi-writer-data-jp (animCJK) via jsDelivr
Meaning / 意
live: Jotoba API (JMdict, CC BY-SA) + Tofugu word audio (CC BY-SA)
See / 絵
live: Wikidata P18 → Wikimedia Commons, fallback Openverse
In the wild / 生
live: ImmersionKit v2 API — real lines, screenshots + audio. Tap ▶ to hear the scene.
02 / the killer widget

The pitch ribbon: karaoke for accent.

The whole line as one continuous high/low contour — mora by mora, word by word. Press play: the dot rides the ribbon, each mora lights as it passes, and a two-tone hum (WebAudio, no recordings needed) lets you hear the shape before you ever sing it. This is the lyric-page overlay I'd ship.

TEMPO 320ms / mora

Word-level accents from Kanjium; the join between words is illustrative (real phrase contours need accent-phrase rules — that's what UniDic's aType + pyopenjtalk/marine give you server-side).

03 / idea gallery

Eight ways to surface this inside a lyric page.

Same data, different moments. A lyric student doesn't want a dictionary — they want the right sliver of it at the right beat of the song.

№ 1 — WHILE THE SONG PLAYS

Pitch ribbon overlay

The contour above, rendered as a thin ribbon under the active lyric line. Accent shape becomes part of the karaoke bounce — you absorb it without studying.

▲ KANJIUM + UNIDIC aTYPE
№ 2 — ON TAP

The word dock

What you tried above: one tap, five senses. Sound, shape, meaning, picture, real usage. Nothing leaves the page; the song keeps playing.

▲ JOTOBA API + ALL OF THE ABOVE
№ 3 — BEFORE THE SONG

Film-strip preview

The line as frames: one picture per content word, in order. Watch the story of the sentence before you hear it — rabbit, mountain, fish, river.

▲ WIKIDATA P18 / OPENVERSE (LIVE, CLICK A FRAME)
№ 4 — RHYTHM DRILL

Mora metronome

Japanese rhythm is mora-timed — exactly what trips singers. Dots pulse one per mora at song tempo; high dots sit higher. Tap to feel 兎追いし as six even beats.

▲ MORA SPLITTER + WEBAUDIO (NO ASSETS AT ALL)
№ 5 — FREQUENCY HEAT

Worth-learning meter

Color each lyric word by corpus frequency. Learners triage instantly: the warm words pay rent everywhere; the cool ones are this song's flavor.

追いしかの 小鮒釣りしかの
TOP 1K — EVERYWHERE TOP 10K — COMMON RARE — SONG FLAVOR
▲ JPDB / BCCWJ FREQUENCY DICTS (YOMITAN FORMAT)
№ 6 — AFTER THE CHORUS

Heard-it-here-too

Between plays, deal three anime/drama lines containing a word you just sang — screenshot, audio, source. The word stops belonging to the song and starts belonging to the language.

▲ IMMERSIONKIT V2 / NADESHIKO API
№ 7 — WRITE TO REMEMBER

Stroke warm-up reps

Pre-song ritual: trace the line's hardest kanji with your finger (quiz mode grades each stroke). Motor memory is a memory channel most apps never touch.

▲ HANZI WRITER QUIZ MODE + ANIMCJK DATA
№ 8 — GO OUTSIDE

Link-out lane

Some things you embed, some you respectfully link: Forvo for human voices, YouGlish for the word in YouTube speech, OJAD for conjugated accent, Massif for 30M novel sentences. Links cost nothing and never rot your legal standing.

▲ FORVO / YOUGLISH / OJAD / MASSIF
04 / resource directory

The community stack, license-honest.

Everything used or referenced on this page. Badge key: FREE API call it live · CC DATA download, attribute, ship · GRAY community-tolerated, link don't re-host · commercial terms.