計画: 計画: Web 紙芝居「桃太郎」の冒頭、計画: 桃太郎を最後まで
| 段階 | 状態 | 内容 |
|---|---|---|
| 1. 絵と字幕 | 済 | 5 場面の SVG・字幕・紙を引き抜く切り替え・手動送り。src/works/01-momotaro/ |
| 2. 読み上げ | 済 | Web Speech API で文ごとに読み上げ、読んでいる句まで字幕に色を付け、読み終わりで次の場面へ送る。src/engine/speech.js |
| 2+. 声の切り替え | 済 | 声の名前の一覧から別の声を選び、選んだ声を覚える |
| 2++. 表紙に戻るボタン | 済 | 「⏮」で読み上げを止めて表紙に戻る |
| 全編の絵と字幕 | 着手 | 名づけの後から、鬼退治をして村へ帰るまでの 6〜15 場面を足した（p261004-03）。残りは、利用者が通しで見て聞き、絵と読みを直すこと |
| 3. 効果音と BGM | 着手 | Web Audio API で場面ごとの効果音と、唱歌「桃太郎」の BGM を鳴らす。「音」「読み上げ」ボタンで別々に消せる。src/engine/sound.js。残りは、利用者が聞いて確かめること |
| 4. 事前生成の音声 | 済 | VOICEVOX（ずんだもん・四国めたん）と AivisSpeech（まお・コハク）で文ごとの WAV を作って鳴らす（p261010-01）。生成スクリプト（tools/20_build/make-voice.ts）と再生（src/engine/recorded.js）。全 108 本の読みを音声認識（tools/20_build/check-voice-asr.ts）と利用者の聞き取りで確かめた。操作を 1 列に並べ、既定の声はずんだもん。権利表記は声の選択欄の文言で示す |
| 4+. 声の選択の残し方 | 済 | 選んだ声を localStorage から sessionStorage（キー 1 つ）に移し、古い値を消す。一覧の値は b:声の名前 / r:key:形式（p261012-01） |
| 4++. mp3 の声 | 済 | 4 声の wav から mp3（64kbps）を作り、別の項目として足す。既定の声を mp3 のずんだもんにする（p261012-02）。実装とテストは済み。PC の Chrome と iPhone の Safari で鳴ることを利用者が確かめた |
GitHub Pages で develop ブランチの root から公開している: https://lightspeedc.com/20261004-kamishibai-animation/