功能：内置公屏叫号音频并仅播号码

需求：屏行天下等设备缺少中文语音服务，speechSynthesis 无法播报；公屏不再播项目名。

实现：内置中文数字和提示语 WAV 素材，统一通过普通 audio 元素顺序组合播放，每次叫号重复三遍，并保留首次点击解锁。

验证：前端 65 项测试通过，生产构建通过，真实浏览器完成 WAV 解码播放且无媒体错误。

web/src/pages/PublicDisplayCenterPage.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useRef } from "react";
 import { api } from "../api";
+import { AudioControl } from "../components/AudioControl";
 import { FeedbackBanner, FreshnessBanner, LoadingState } from "../components/Feedback";
-import { SpeechControl } from "../components/SpeechControl";
+import { useAudioAnnouncements } from "../hooks/useAudioAnnouncements";
 import { usePollingResource } from "../hooks/usePollingResource";
-import { useSpeechAnnouncements } from "../hooks/useSpeechAnnouncements";
 import { formatCallAnnouncement, isTimestampStale } from "../lib/format";
 import type { CallBatchDto } from "../types";
 import { DisplayCenter } from "./AdminPage";
@@ -13,7 +13,7 @@ function projectCurrentBatch(value: unknown): CallBatchDto | null {
 }
 
 export function PublicDisplayCenterPage() {
-  const { announce, enable: enableSpeech, status: speechStatus } = useSpeechAnnouncements();
+  const { announce, audioRef, enable: enableAudio, status: audioStatus } = useAudioAnnouncements();
   const resource = usePollingResource((signal) => api.displayOverview(signal), { intervalMs: 5_000 });
   const data = resource.data;
   const stale = Boolean(data) && isTimestampStale(resource.lastClientSuccessAt, 30_000);
@@ -29,7 +29,7 @@ export function PublicDisplayCenterPage() {
       nextCalls.set(project.id, key);
       if (!previousCalls?.has(project.id) || !key || previousCalls.get(project.id) === key) continue;
       const announcement = formatCallAnnouncement(batch);
-      if (announcement) announcements.push(`${project.name}，${announcement}`);
+      if (announcement) announcements.push(announcement);
     }
     lastCallsRef.current = nextCalls;
     announce(announcements);
@@ -38,7 +38,7 @@ export function PublicDisplayCenterPage() {
   return (
     <div className="app-shell app-shell--admin app-shell--no-primary-action">
       <a className="skip-link" href="#main-content">跳到主要内容</a>
-      <SpeechControl status={speechStatus} onEnable={enableSpeech} />
+      <AudioControl audioRef={audioRef} status={audioStatus} onEnable={enableAudio} />
       <header className="app-header">
         <div className="brand-lockup" aria-label="景区排队叫号系统">
           <span className="brand-logo-frame" aria-hidden="true"><img className="brand-logo" src="/xiaoqikong-logo.jpg" alt="" /></span>