+
+
+
+
+
+ 玩家名字
+
+
+
setPlayerName(e.target.value)}
+ type="text"
+ maxLength={20}
+ autoComplete="off"
+ spellCheck={false}
+ placeholder="不填则使用「你」"
+ className="h-11 w-full rounded-sm border border-clay-900/15 bg-cream-100 px-4 font-sans text-sm text-clay-900 outline-none transition-colors focus:border-ember-500 placeholder:text-clay-400"
+ />
+
+ NPC 会在对话中用这个名字称呼你。不填则默认以「你」称呼。
+
+
+
+
+
+
+
+ 语音配音
+
+
+
+ {(
+ [
+ { on: true, label: "开启", icon: "fa-solid fa-volume-high" },
+ { on: false, label: "关闭", icon: "fa-solid fa-volume-xmark" },
+ ] as const
+ ).map((t) => {
+ const active = voiceOn === t.on;
+ return (
+
+ );
+ })}
+
+
+ {/* ── TTS Key (sub-section, only when voice is on) ── */}
+ {voiceOn && (
+
+
+
+
+ 自带配音 Key
+
+ 可选
+
+
+ 填入你自己的
+ 小米 MiMo API Key
+ ，配音将在浏览器本地合成，Key 只保存在本地、绝不经过服务器。MiMo
+ TTS 目前
+ 限时免费
+ ，申请即可使用。
+
+
+
+
+ K e y · 类 型
+
+
+ {(
+ [
+ {
+ kind: "payg",
+ label: "按量付费 Pay-as-you-go",
+ sub: "sk- 开头",
+ },
+ {
+ kind: "token-plan",
+ label: "套餐 Token Plan",
+ sub: "tp- 开头",
+ },
+ ] as const
+ ).map((t) => {
+ const active = keyType === t.kind;
+ return (
+
+ );
+ })}
+
+
+
+ {keyType === "token-plan" && (
+
+
+ 区 域 节 点
+
+
+ {TTS_REGION_PRESETS.map((p) => {
+ const active = p.id === regionId;
+ return (
+
+ );
+ })}
+
+
+ 选择与你的套餐订阅地区一致的节点（通常也是延迟最低的那个）。
+
+
+ )}
+
+
+
+ A P I · K e y
+
+
+ setApiKey(e.target.value)}
+ type={showKey ? "text" : "password"}
+ autoComplete="off"
+ spellCheck={false}
+ placeholder={
+ keyType === "payg"
+ ? "粘贴 sk- 开头的按量 Key"
+ : "粘贴 tp- 开头的套餐 Key"
+ }
+ className="h-11 w-full rounded-sm border border-clay-900/15 bg-cream-50 pl-4 pr-11 font-sans text-sm text-clay-900 outline-none transition-colors focus:border-ember-500 placeholder:text-clay-400"
+ />
+
+
+ {prefixMismatch && (
+
+
+ 此 Key 不是 {expectedPrefix} 开头，可能与所选「
+ {keyType === "payg"
+ ? "按量付费 Pay-as-you-go"
+ : "套餐 Token Plan"}
+ 」类型不符，请确认是否填错。
+
+ )}
+
+
+ 如何免费申请 Key？查看图文教程
+
+
+
+ {footerNote && (
+
+ {footerNote}
+
+ )}
+
+ )}
+