|
- <!doctype html>
- <html lang="zh-CN">
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <title>005 液压泵应急切换 · 教员1 v2 对比</title>
- <style>
- *{box-sizing:border-box}body{margin:0;background:#eff6f4;color:#163c34;font:16px/1.6 system-ui,"Microsoft YaHei",sans-serif}main{max-width:1080px;margin:28px auto;padding:0 20px}header,article,footer{background:white;border:1px solid #caddd5;border-radius:12px;padding:18px 22px}h1{font-size:25px;margin:0 0 10px}h2{font-size:19px;margin:0 0 12px}p{margin:6px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}video{display:block;width:100%;max-height:580px;background:#153647;border-radius:7px}a{color:#087f67}.tag{font-size:14px;font-weight:normal;color:#53776c}.toolbar{display:flex;gap:12px;margin:14px 0 0;flex-wrap:wrap}button{background:#0b826a;color:white;border:0;border-radius:6px;padding:8px 16px;font:inherit;cursor:pointer}footer{font-size:14px;color:#496d61}@media(max-width:650px){.grid{grid-template-columns:1fr}h1{font-size:22px}}
- </style>
- <main>
- <header><h1>005：液压泵应急切换 · 第1步</h1><p>讲解：第1步，确定故障液压泵。根据故障现象确定发生故障的液压泵。</p><p class="tag">2026-09-15 · 教员1 · 沿用旧片讲解音频 · 480 × 640 · 25 FPS</p><div class="toolbar"><button onclick="playBoth()">同时播放对比（只听新片）</button><button onclick="stopBoth()">暂停</button><a href="TASK-VIRTUAL-005-step-01-v2.mp4" download>下载 v2 新片</a></div></header>
- <section class="grid">
- <article><h2>原素材 <span class="tag">旧片保留</span></h2><video id="old" controls playsinline preload="metadata" src="../bridge-digital-video-20260914/TASK-VIRTUAL-005-step-01.mp4"></video></article>
- <article><h2>v2 新素材 <span class="tag">本次生成 · 4.96 秒</span></h2><video id="fresh" controls playsinline preload="metadata" poster="frame-0.8.jpg" src="TASK-VIRTUAL-005-step-01-v2.mp4"></video></article>
- </section>
- <footer>本次只更换教员1的形象素材，沿用现有服务端录制流程，用于比较 v2 的实际效果。原视频与训练任务中的绑定未改动。<a href="result.json">查看生成记录</a><p id="status">可分别播放，也可点击同时播放对比。</p></footer>
- </main><script>
- const old=document.getElementById('old'),fresh=document.getElementById('fresh');
- async function playBoth(){old.pause();fresh.pause();old.currentTime=0;fresh.currentTime=0;old.muted=true;fresh.muted=false;try{await Promise.all([old.play(),fresh.play()]);document.getElementById('status').textContent='正在对比，只播放新片声音。';}catch{document.getElementById('status').textContent='请点击视频播放按钮重试。';}}
- function stopBoth(){old.pause();fresh.pause();}
- </script></html>
|
