60 秒介绍你自己
基于简历生成演练题目 · 建议说满约 40 秒
录音中
松开结束 · 有效时长需 ≥60% 题目时长
你说的是
AI 点评
页面28-f8-voice.html · 语音电梯演讲 · F8 · 1.1 · 验收见 ⑧ · 分工见 ⓪
阅读方式:每条先写界面上是什么,再写元素 ID 与接口。
展示顺序(按角色 · 章节号固定)
接口本页共 2 步 · ASR 转写 → display_voice_transcript · 通义点评 → display_voice_feedback · 详 ⑥
一句话:60 秒自我介绍录音 → 先展示转写原文再 AI 点评,帮助用户对照「说了什么」。
bar_f8_record · 详 ⑥copy_f8_disclaimer「非录用承诺」· 麦克风按需授权(见 ② 点击规则 · ⑨ 技术栈)btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层page_titlecopy_f8_promptcopy_f8_subhint · 后台可配bar_f8_record(待录音/录音中显示 · 点评态隐藏)
btn_hold_record
wx.getSetting · scope.record → 未授权 wx.authorize;用户曾拒绝 → wx.showModal 说明用途 + wx.openSetting 引导开启 · 未授权则不开始录音navigator.mediaDevices.getUserMedia({ audio: true }) · 拒绝 → Toast「需要麦克风才能演练」+ 可选说明链隐私政策 · 不 silent failf8_record_startf8_mic_deniedcopy_hold_hintcopy_recording_labeldisplay_recording_timer · 容器 state_recording
copy_recording_seconds · 原型 mock 42copy_recording_hintbar_f8_record · 按钮文案可切「松开结束」(上线)max-height 可滚
display_voice_transcript · 冷灰调(左灰条 + 灰底 + 浅灰字)· 标题 → copy_transcript_label · 正文 → copy_voice_transcriptdisplay_voice_feedback · 暖橙调(左橙条 + 浅橙底 + 暖白字)· 标题 → copy_feedback_label · 正文 → copy_voice_feedbackcopy_f8_disclaimerbar_f8_recordbar_f8_record 使用 fixed-bottom-bar · 对齐微信/WhatsApp 语音习惯 · 点评态不展示。
说明:无列表类 REST;录音上传 → 讯飞 ASR → 通义点评。原型静态三 Tab;上线按序渲染转写卡与点评卡。
transcript(string)→ copy_voice_transcriptfeedback(string)→ display_voice_feedbackcopy_f8_prompt 副文案区(后台可配)tile_f8_voice · 能力中心 F828-f8-voice.html · 三态 Tab 可切换。app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10f8_record_start · f8_record_done · f8_transcript_view · f8_feedback_view · f8_mic_denied · f8_mic_open_settings悬停可交互控件会出现黄框对照 ID。说明正文可点击改字(仅本浏览器临时草稿,点「恢复默认」还原);永久修改请用 Cursor 改本 HTML 源文件。