diff --git a/cmd/genasset/scripts.go b/cmd/genasset/scripts.go index a111003..97c54a9 100644 --- a/cmd/genasset/scripts.go +++ b/cmd/genasset/scripts.go @@ -257,7 +257,7 @@ func importScripts(fl genFlags) { }) } b2, _ := json.Marshal(lines) - if _, err := g.DB().Model(consts.TableSceneNode).Data(g.Map{"script": string(b2)}).Where("id", d.NodeID).Update(ctx); err != nil { + if _, err := g.DB().Model(consts.TableSceneNode).Ctx(ctx).Data(g.Map{"script": string(b2)}).Where("id", d.NodeID).Update(); err != nil { glog.Errorf(ctx, "[scripts] 导入失败 node %d: %v", d.NodeID, err) continue } diff --git a/docs/superpowers/plans/2026-08-13-story-theater-v2.md b/docs/superpowers/plans/2026-08-13-story-theater-v2.md index 0d9228c..847e6fc 100644 --- a/docs/superpowers/plans/2026-08-13-story-theater-v2.md +++ b/docs/superpowers/plans/2026-08-13-story-theater-v2.md @@ -179,8 +179,49 @@ git commit -m "feat: 前端剧本解析 parseScript + RubyText 逐字高亮 high **Files:** - Create: `ui-src/src/components/StoryPlayer.vue` +- Modify: `ui-src/src/utils/speech.js`(speak 加 onEnd 回调) -- [ ] **Step 1: 创建组件** +- [ ] **Step 1: speech.js 加 onEnd 回调** + +`speech.js` 修改(逐句朗读需要「读完了再进下一句」的事件,仅定时器推进会在 TTS 慢时切掉上句音频): + +```js +function playFile(url, onEnd) { + stopSpeak() + if (!innerAudio) innerAudio = uni.createInnerAudioContext() + innerAudio.stop() + innerAudio.src = url + if (onEnd) innerAudio.onEnded = () => onEnd() + innerAudio.play() +} + +function speakBrowser(text, onEnd) { + stopSpeak() + // H5 专用:浏览器原生语音,零成本朗读(小程序端后续接 TTS 文件) + if (typeof window === 'undefined' || !window.speechSynthesis) { + if (onEnd) onEnd() + return + } + const u = new SpeechSynthesisUtterance(text) + u.lang = 'zh-CN' + u.rate = 0.9 + u.onend = u.onerror = () => { uttering = false; if (onEnd) onEnd() } + window.speechSynthesis.speak(u) + uttering = true +} + +// speak 朗读一段文本:有音频文件优先播文件,否则浏览器语音降级;onEnd 在读完时回调(无 TTS 能力时立即回调) +export function speak(text, fileUrl, onEnd) { + if (!text) return + if (fileUrl) { + playFile(fileUrl, onEnd) + return + } + speakBrowser(text, onEnd) +} +``` + +- [ ] **Step 2: 创建组件** 完整创建 `ui-src/src/components/StoryPlayer.vue`: @@ -218,6 +259,7 @@ import { speak, stopSpeak } from '../utils/speech.js' const EMOJI = { normal: '🙂', think: '🤔', happy: '😊', sad: '😢', surprise: '😮' } const PER_CHAR = 260 // 每字高亮推进毫秒(与 TTS 朗读大致同步) const PAUSE_MS = 700 // 句间停顿 +const MAX_LINE_MS = 20000 // 单句最长等待(TTS 无声兜底,防卡死) export default { name: 'StoryPlayer', @@ -229,7 +271,7 @@ export default { }, emits: ['done'], data() { - return { lineIndex: 0, charIndex: 0, speaking: false, moodTick: false, timers: [] } + return { lineIndex: 0, charIndex: 0, moodTick: false, timers: [], ended: false, lineDone: { hl: false, sp: false } } }, computed: { moodEmoji() { @@ -263,23 +305,45 @@ export default { } this.lineIndex = i this.charIndex = 0 + this.ended = false + this.lineDone = { hl: false, sp: false } this.moodTick = true - this.after(300, () => { this.moodTick = false }) - this.speaking = true - speak(line.text, '') + this.after(350, () => { this.moodTick = false }) uni.pageScrollTo({ scrollTop: 99999, duration: 200 }) const total = Array.from(line.text).length + // 逐字高亮推进(纯视觉节奏) const step = setInterval(() => { this.charIndex++ - if (this.charIndex > total) { + if (this.charIndex >= total) { clearInterval(step) - this.speaking = false - this.after(PAUSE_MS, () => this.playLine(i + 1)) + this.lineDone.hl = true + this.tryNext(i) } }, PER_CHAR) this.timers.push(step) + // 朗读读完才进下一句(TTS 慢时高亮等朗读);onEnd 与高亮都完成 → 停顿后下一句 + speak(line.text, '', () => { + this.lineDone.sp = true + this.tryNext(i) + }) + // 兜底:TTS 无声/超时(20s)强制推进防卡死 + this.after(MAX_LINE_MS, () => this.forceNext(i)) + }, + tryNext(i) { + if (this.ended || this.lineIndex !== i || !this.lineDone.hl || !this.lineDone.sp) return + this.ended = true + this.clearTimers() + this.after(PAUSE_MS, () => { this.ended = false; this.playLine(i + 1) }) + }, + forceNext(i) { + if (this.ended || this.lineIndex !== i) return + this.ended = true + this.clearTimers() + stopSpeak() + this.after(PAUSE_MS, () => { this.ended = false; this.playLine(i + 1) }) }, finish() { + this.ended = true this.clearTimers() stopSpeak() this.$emit('done') @@ -290,7 +354,7 @@ export default { ``` -- [ ] **Step 2: 语法验证** +- [ ] **Step 3: 语法验证** Run: `cd ui-src && npx vite build --mode h5 2>&1 | tail -3` Expected: 构建成功(组件未被引用,仅语法检查) -- [ ] **Step 3: Commit** +- [ ] **Step 4: Commit** ```bash -git add ui-src/src/components/StoryPlayer.vue +git add ui-src/src/components/StoryPlayer.vue ui-src/src/utils/speech.js git commit -m "feat: StoryPlayer 台词流演绎器(气泡+朗读+逐字高亮+表情切换+跳过)" ``` +> 审查记录(58b3e57 双审查:第一 APPROVE,第二 2 SHOULD-FIX,合并修复): +> - SHOULD-FIX1(已修):speak 无完成事件,TTS 慢时逐字定时器推进会切掉上句音频 → speech.js speak 加 onEnd 回调,StoryPlayer「高亮完成 + 朗读 onEnd 都满足 → 停顿 → 下一句」,MAX_LINE_MS=20s 超时 forceNext 兜底防 TTS 无声卡死;nextLine 加 lineIndex/ended 竞态保护 +> - SHOULD-FIX2(已修):pageScrollTo 后跳过按钮滚出视口(4-8 岁孩子找不回)→ .story-skip 改 fixed(top 140rpx 避开 topbar) +> - NIT(已合并修):moodTick 300→350ms 复位(动画不截断);speaking 死状态删除 +> - NIT(记录待 Task 6 走查):.story-char fixed 角色立牌可能与选项区重叠,走查确认,必要时降 absolute;character.name 非空由数据保证 + --- ### Task 4: play.vue 剧情流集成 @@ -373,7 +443,7 @@ computed 加: ```html - + @@ -434,6 +504,7 @@ computed 加: this.sceneFx = '' if (this.isStoryNode) { this.reply = fb + this.showOptions = false // 提交后隐藏选项区,防重复点击 } else { this.feedback = fb } @@ -494,6 +565,10 @@ git add ui-src/src/pages/play/play.vue git commit -m "feat: play.vue 剧情流集成——StoryPlayer + 选项嵌入 + 角色回应气泡(script 空回退 v1)" ``` +> 审查记录(5e19174 双审查一致): +> - BLOCKER(已修):连续剧情节点卡死——StoryPlayer 无 `script` watch、play.vue 无 `:key`,节点切换时 v-if 恒真组件不重建不重播,`done` 永不触发 → 选项区永不出现。修复:`` 强制按节点重建重播 +> - SHOULD-FIX(已修):reply 出现后 showOptions 仍 true,ActionCard 仍可点击 → 可重复 submit。修复:submit 成功分支置 `showOptions = false` + --- ### Task 5: genasset 剧本生成管线 @@ -548,6 +623,7 @@ func TestValidateScript_FinalOK(t *testing.T) { lines := []scriptLine{ {Speaker: "旁白", Text: "天亮了,城门缓缓打开。"}, {Speaker: "小军师", Text: "我们一起进城啦!", Emotion: "happy"}, + {Speaker: "小军师", Text: "大家平平安安,真好!"}, } if err := validateScript(lines, false, "小军师"); err != nil { t.Fatalf("合法终局剧本应通过: %v", err) @@ -677,6 +753,9 @@ func genScripts(fl genFlags) { sem := make(chan struct{}, 2) var wg sync.WaitGroup for _, r := range rows { + if !fl.force && fileExists(scriptPath(r["level_id"].Int64(), r["id"].Int64())) { + continue // 幂等:草稿已存在跳过(--force 覆盖;防重跑覆盖人工精修草稿) + } wg.Add(1) sem <- struct{}{} go func(r gdb.Record) { @@ -861,7 +940,7 @@ func importScripts(fl genFlags) { }) } b2, _ := json.Marshal(lines) - if _, err := g.DB().Model(consts.TableSceneNode).Data(g.Map{"script": string(b2)}).Where("id", d.NodeID).Update(ctx); err != nil { + if _, err := g.DB().Model(consts.TableSceneNode).Ctx(ctx).Data(g.Map{"script": string(b2)}).Where("id", d.NodeID).Update(); err != nil { glog.Errorf(ctx, "[scripts] 导入失败 node %d: %v", d.NodeID, err) continue } @@ -941,6 +1020,11 @@ git add cmd/genasset/prompts.go cmd/genasset/scripts.go cmd/genasset/scripts_tes git commit -m "feat: genasset 剧本管线——--only=scripts 草稿生成 + --import-scripts 校验注音回填" ``` +> 审查记录(c40d833 双审查:第一 APPROVE,第二 1 SHOULD-FIX,合并修复): +> - SHOULD-FIX(已修):genScripts 无草稿幂等检查,重跑覆盖人工精修草稿 → 循环内加「草稿存在且非 --force 则跳过」(fileExists(scriptPath) 检查),与 main.go 幂等文档契约一致 +> - 计划偏差(implementer 修正合理):TestValidateScript_FinalOK 原数据 2 句违反 3-6 句校验,改 3 句 +> - NIT(不修,记录):导入校验信任草稿自身 Decision/Character 字段(人工精修对象);互动入口节点(2/3/5/7/8)祈使指令类 content 强制末句提问可能套路化——Task 6 精修时留意;pinyin 字段为字符串的链路无单测(与 content_pinyin 同模式,风险低) + --- ### Task 6: 第 1 计试点生成 + 精修 + 端到端验证