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:
+11
-10
@@ -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 },
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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
@@ -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,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user