feat(tts): StepFun voice selection via CharacterDesigner + provider-aware beat-audio

Make homepage cards and live sessions produce sound when the server is
configured for StepFun TTS, instead of silently failing (the prebaked
Xiaomi voice was useless on a StepFun server, and wasted ~220KB/beat in
Fast Origin Transfer).

Three coordinated changes:

1. CharacterDesigner now picks a StepFun preset voice id directly from the
   32-entry catalog in the SAME LLM call that designs the character — zero
   extra latency, LLM-grade match quality. The Xiaomi prompt path is
   byte-identical to history (verified programmatically) so cache hit rate
   and voice quality are preserved. pickStepfunVoiceId (keyword scorer)
   remains the fallback for orphan speakers / invalid LLM picks.

2. The 32-preset catalog moves to lib/tts-client/stepfun-voices.json as the
   single source of truth, shared by the scorer, the CharacterDesigner
   prompt, /api/tts-provider, and the offline enrich script.

3. A new GET /api/tts-provider endpoint lets the client probe the server's
   TTS provider at /play mount. fetchBeatAudio then shapes its request body:
   on a StepFun server it sends the lightweight stepfunVoiceId /
   voiceDescription and omits the ~220KB Xiaomi reference audio (FOT saving
   ~13MB per protagonist per session on prebaked cards). requestBeatAudio
   re-provisions on a provider mismatch before synth, so audio never goes
   silent on a cross-provider replay or mid-session provider flip.

New type fields are all optional and backward-compatible: Character.stepfunVoiceId,
BeatAudioRequest.voiceDescription/characterName/stepfunVoiceId, voice made
optional. AGENTS.md updated for the new route, type fields, dependency map,
and StepFun voice-selection flow.
This commit is contained in:
yuanzonghao
2026-06-15 12:49:25 +08:00
parent da191dd7a2
commit ca73a41a0b
15 changed files with 754 additions and 90 deletions
+11 -10
View File
@@ -17,18 +17,19 @@ export async function POST(req: Request) {
return NextResponse.json({ error: "Invalid JSON" }, { status: 400 });
}
// Accept either provider's voice shape — xiaomi carries referenceAudioBase64,
// stepfun carries voiceId. We only check the discriminator + the line text;
// shape-specific validation lives in each provider's synth function.
// Voice is now optional — when the server runs StepFun, the client omits
// the ~220KB Xiaomi reference audio and sends stepfunVoiceId /
// voiceDescription instead (saves Fast Origin Transfer bandwidth). The
// engine's resolveVoice re-provisions on a provider mismatch. We only
// require the beat text + SOMETHING to synthesize from.
const VALID_TTS_PROVIDERS = ["xiaomi", "stepfun"];
if (
!body.beat?.id ||
!body.beat?.line ||
!body.voice?.provider ||
!VALID_TTS_PROVIDERS.includes(body.voice.provider)
) {
const hasVoice =
!!body.voice?.provider && VALID_TTS_PROVIDERS.includes(body.voice.provider);
const hasFallback =
!!body.stepfunVoiceId || !!body.voiceDescription;
if (!body.beat?.id || !body.beat?.line || (!hasVoice && !hasFallback)) {
return NextResponse.json(
{ error: "beat.id, beat.line and voice.provider (xiaomi|stepfun) are required" },
{ error: "beat.id and beat.line are required, plus either voice.provider (xiaomi|stepfun) or stepfunVoiceId/voiceDescription" },
{ status: 400 },
);
}
+25
View File
@@ -0,0 +1,25 @@
import type { TtsProviderResponse } from "@infiplot/types";
import { inferTtsProvider } from "@infiplot/tts-client";
import { NextResponse } from "next/server";
import { loadEngineConfig } from "@/lib/config";
import { requireUser } from "@/lib/supabase/guard";
export const runtime = "nodejs";
// GET /api/tts-provider — tells the client which TTS provider the server is
// configured for, so the play page can shape /api/beat-audio request bodies
// accordingly (skip the ~220KB Xiaomi reference audio when the server runs
// StepFun → saves Fast Origin Transfer bandwidth; the response itself is a
// few dozen bytes). Runs once at /play mount; same auth as other routes so
// the provider (a server-config fact, not user data) isn't leaked publicly.
// BYO client TTS (clientTts:true) takes precedence and bypasses this signal.
export async function GET() {
const auth = await requireUser();
if (auth instanceof NextResponse) return auth;
const cfg = loadEngineConfig();
const provider = cfg.tts ? inferTtsProvider(cfg.tts) : null;
const body: TtsProviderResponse = { provider };
return NextResponse.json(body);
}
+75 -11
View File
@@ -35,6 +35,7 @@ import {
visionDecide,
classifyFreeform,
requestInsertBeat,
getTtsProvider,
AuthRequiredError,
} from "@/lib/engineClient";
import type {
@@ -49,6 +50,7 @@ import type {
Session,
StartResponse,
TtsConfig,
TtsProvider,
} from "@infiplot/types";
import { track } from "@/lib/analytics";
import { AUTH_ENABLED } from "@/lib/supabase/config";
@@ -668,6 +670,14 @@ function PlayInner() {
loadClientTtsConfig(),
);
const byoTtsRef = useRef<TtsConfig | null>(byoTtsConfig);
// Server TTS provider (probed once at mount via /api/tts-provider). Used by
// fetchBeatAudio to decide which voice fields to send: when the server runs
// StepFun, omit the ~220KB Xiaomi `voice` and send stepfunVoiceId /
// voiceDescription instead (saves Fast Origin Transfer bandwidth). null =
// probe failed or server has no TTS; fetchBeatAudio then sends defensively
// and the server normalizes. Ignored entirely in BYO mode (byoTtsRef wins).
const [serverTtsProvider, setServerTtsProvider] = useState<TtsProvider>(null);
const serverTtsProviderRef = useRef<TtsProvider>(null);
// BYO voice cache (see resolveByoVoice). Keyed by character name; persists
// across scenes so each speaker is provisioned at most once per session.
const provisionedVoicesRef = useRef<Map<string, Promise<CharacterVoice>>>(
@@ -742,10 +752,37 @@ function PlayInner() {
useEffect(() => {
phaseRef.current = phase;
}, [phase]);
useEffect(() => {
serverTtsProviderRef.current = serverTtsProvider;
}, [serverTtsProvider]);
useEffect(() => {
setVisionClickEnabled(readStoredVisionClick());
}, []);
// Probe the server's TTS provider ONCE at mount. Non-BYO users need this so
// fetchBeatAudio can skip the ~220KB Xiaomi reference audio when the server
// runs StepFun. BYO users never read this ref (byoTtsRef takes precedence),
// but the probe is harmless and cheap, so we run it unconditionally and let
// getTtsProvider short-circuit for BYO. AuthRequiredError is handled by the
// bootstrap flow's handleAuthError; other errors degrade to null silently.
useEffect(() => {
let cancelled = false;
getTtsProvider()
.then((p) => {
if (!cancelled) setServerTtsProvider(p);
})
.catch((e) => {
if (!cancelled && e instanceof AuthRequiredError) {
// Defer to the bootstrap effect's auth modal — leave provider null.
return;
}
// Non-auth errors already logged in getTtsProvider; null = unknown.
});
return () => {
cancelled = true;
};
}, []);
function trackPlayError(source: ErrorSource, e: unknown, startMs: number, res?: Response) {
const { kind, http_status } = classifyError(e, res);
track("play_error", {
@@ -837,11 +874,20 @@ function PlayInner() {
if (!speaker) return;
const byo = byoTtsRef.current;
// Non-BYO relies on the server having provisioned speaker.voice. BYO
// skipped server TTS, so it needs a baked voice (prebaked card) or a
// voiceDescription to provision from in the browser.
if (!byo && !speaker.voice) return;
if (byo && !speaker.voice && !speaker.voiceDescription) return;
const serverProvider = serverTtsProviderRef.current;
// What we need to synthesize depends on the path:
// - BYO (xiaomi): baked voice OR voiceDescription to provision locally.
// - Server stepfun: stepfunVoiceId or voiceDescription — no Xiaomi
// `voice` needed (saves the ~220KB reference-audio FOT).
// - Server xiaomi / unknown: rely on speaker.voice (the server will
// normalize if provider mismatch — but we still need *something*).
if (byo) {
if (!speaker.voice && !speaker.voiceDescription) return;
} else if (serverProvider === "stepfun") {
if (!speaker.stepfunVoiceId && !speaker.voiceDescription) return;
} else {
if (!speaker.voice) return;
}
if (beatAudioAbortRef.current.has(beat.id)) return;
const abort = new AbortController();
@@ -866,17 +912,35 @@ function PlayInner() {
);
audioUrl = `data:${out.mimeType};base64,${out.audioBase64}`;
} else {
// Server-side synth: POST just this beat + the speaker's voice (not
// the whole session) to /api/beat-audio. Returns 204 when the engine
// had nothing to say (no TTS configured / empty synth) and binary
// audio otherwise. Both 204 and !ok count as a silence strike so the
// nudge surfaces when the shared server key is being rate-limited.
// Server-side synth: shape the body by the probed provider so we don't
// waste Fast Origin Transfer bandwidth on the ~220KB Xiaomi reference
// audio when the server actually runs StepFun.
// - stepfun → stepfunVoiceId + voiceDescription + characterName
// (all lightweight; the server synths directly with the id).
// - xiaomi / unknown → voice (the ~220KB reference audio the server
// needs to clone), PLUS the lightweight fallback fields so the
// server can still normalize on a provider mismatch (e.g. a prebaked
// card holding a Xiaomi voice while the server runs StepFun).
const isStepfunServer = serverProvider === "stepfun";
const res = await fetch("/api/beat-audio", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
beat: { id: beat.id, line: beat.line, lineDelivery: beat.lineDelivery },
voice: speaker.voice,
...(isStepfunServer
? {
stepfunVoiceId: speaker.stepfunVoiceId,
voiceDescription: speaker.voiceDescription,
characterName: speaker.name,
}
: {
voice: speaker.voice,
// Defensive fallback fields (lightweight) — let the server
// re-provision if speaker.voice.provider ≠ server provider.
stepfunVoiceId: speaker.stepfunVoiceId,
voiceDescription: speaker.voiceDescription,
characterName: speaker.name,
}),
}),
signal: abort.signal,
});