|
- <!doctype html>
- <html lang="zh-CN">
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <title>005–008 播放方式与复位视角检查</title>
- <style>
- *{box-sizing:border-box}body{margin:0;background:#f2f7f5;color:#193c35;font:15px/1.7 system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:32px}h1{font-size:28px;margin:0 0 12px}h2{font-size:21px;margin:0 0 16px}p{margin:10px 0}a{color:#00866c}section,.summary{background:white;border:1px solid #d2e2dc;border-radius:12px;padding:24px;margin-bottom:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0}figcaption{margin-bottom:8px;color:#526d65}img{display:block;width:100%;border:1px solid #d2e2dc;border-radius:6px}details{margin-top:18px}summary{cursor:pointer;color:#00866c}code{font-size:13px;overflow-wrap:anywhere}.note{color:#526d65;font-size:13px}@media(max-width:900px){main{padding:16px}.grid{grid-template-columns:1fr}}
- </style>
- <main>
- <h1>005–008 播放方式与复位视角检查</h1>
- <p>2026-09-25 · 本地开发环境 · 正式教员预览入口</p>
- <div class="summary">
- <p>进入背景页、切换讲解页、进入操作步骤时默认不播放数字人视频。点击“播放讲解”后才开始；操作阶段可自行开启“自动语音”。</p>
- <p>顶部教员预览标签最大宽度统一为 300px，超长显示省略号，悬停可看完整内容。窄屏沿用现有的标签隐藏布局。</p>
- <p>005–008 按主车实际可见表面调整初始与复位视角，缩小多余留白。部件聚焦保持原来的行为；006 同时限制保障车不能超出画面边界，小屏优先保留双车全景。</p>
- <p>浏览器检查覆盖：初始视频暂停且进度为 0、进入操作不自动播放、手动播放可用、下一页保持暂停、聚焦后复位比例一致、预览未完成任何操作步骤、无页面脚本异常。</p>
- <p>桌面：1920 × 945，<code>http://127.0.0.1:6180</code>。笔记本：1366 × 768，<code>http://192.168.31.168:6180</code>。使用 root 教员预览；未提交成绩或修改已发布训练配置。</p>
- <p><a href="result.json">桌面检查结果</a> · <a href="../bridge-entry-view-20260925-laptop/result.json">笔记本检查结果</a></p>
- <p>结果：12 项单元与契约检查通过；四个脚本在桌面与笔记本共 8 组浏览器检查通过；<code>pnpm build</code> 通过。构建保留现有的大文件体积提示，没有构建错误。</p>
- <details><summary>验证命令与范围</summary>
- <p><code>node --test scripts/training-overview.test.mjs scripts/introduction-narration.test.mjs scripts/training-scene-safety.test.mjs scripts/virtual-training-formal-route.contract.test.mjs</code></p>
- <p><code>pnpm build</code>（包含 TypeScript 检查与 legacy 编辑器产物完整性检查）</p>
- <p><code>node tools/bridge-entry-view-live.mjs</code>；笔记本通过 <code>BASE_URL / WIDTH / HEIGHT / REPORT_SUFFIX</code> 环境变量切换。</p>
- <p class="note">浏览器显式允许自动播放，确保测试不会因为浏览器拦截而误判。观察脚本只读取相机与媒体状态，交互使用真实页面按钮。本次覆盖页面进入、媒体播放、部件聚焦与复位，未重新执行所有拆装操作。</p>
- </details>
- </div>
- <div id="scenes"></div>
- <script>
- const tasks=[['86','005 液压泵应急切换'],['87','006 液压泵应急替代'],['88','007 前泵换件修复'],['89','008 平衡阀拆拼互换']];
- const photo=(src,label)=>`<figure><figcaption>${label}</figcaption><a href="${src}" target="_blank"><img src="${src}" alt="${label}" loading="lazy"></a></figure>`;
- document.querySelector('#scenes').innerHTML=tasks.map(([id,title])=>`<section><h2>${title}</h2><div class="grid">${photo(`../bridge-entry-view-20260925-before/task-${id}-overview.png`,'调整前')}${photo(`task-${id}-overview.png`,'调整后：初始整车视角')}</div><details><summary>查看进入页、复位视角与笔记本画面</summary><div class="grid">${photo(`task-${id}-entry.png`,'进入页：视频停留在 0:00')}${photo(`task-${id}-reset.png`,'部件聚焦后复位')}${photo(`../bridge-entry-view-20260925-laptop/task-${id}-overview.png`,'笔记本：初始整车视角')}${photo(`../bridge-entry-view-20260925-laptop/task-${id}-reset.png`,'笔记本：复位视角')}</div></details></section>`).join('');
- </script>
- </main>
- </html>
|
