r88/record.html · 约 2790 字符
1<!doctype html>
2<html lang="zh-CN">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>实时录音</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <header class="top">
12 <div class="top-l">会议助手</div>
13 <div class="top-r">实时录音</div>
14 </header>
15 <main class="main">
16<div class="card">
17 <div class="row"><div class="nm" style="font-size:17px;font-weight:800">产品周会</div><span class="badge b-live">● 录音中</span></div>
18 <div class="muted" style="margin-top:4px">09:42 开始 · 已录制 03:18 · 6 人在线</div>
19</div>
20<div class="wave"><i style="animation-delay:0.0s"></i><i style="animation-delay:0.08s"></i><i style="animation-delay:0.16s"></i><i style="animation-delay:0.24s"></i><i style="animation-delay:0.32s"></i><i style="animation-delay:0.4s"></i><i style="animation-delay:0.48s"></i><i style="animation-delay:0.56s"></i><i style="animation-delay:0.64s"></i><i style="animation-delay:0.72s"></i><i style="animation-delay:0.8s"></i><i style="animation-delay:0.88s"></i><i style="animation-delay:0.96s"></i><i style="animation-delay:1.04s"></i><i style="animation-delay:1.12s"></i><i style="animation-delay:1.2s"></i><i style="animation-delay:1.28s"></i><i style="animation-delay:1.36s"></i><i style="animation-delay:1.44s"></i><i style="animation-delay:1.52s"></i><i style="animation-delay:1.6s"></i><i style="animation-delay:1.68s"></i><i style="animation-delay:1.76s"></i><i style="animation-delay:1.84s"></i><i style="animation-delay:1.92s"></i><i style="animation-delay:2.0s"></i><i style="animation-delay:2.08s"></i><i style="animation-delay:2.16s"></i></div>
21<div class="sec-title"><span>📝</span> 实时转写</div>
22<div class="trans">
23<b>林晓：</b>这一版原型我们先看首页信息流，点击率比上版提升了 18%。<br>
24<b>王磊：</b>运营侧希望把活动入口提前到首屏，下周二前给方案。<br>
25<b>周婷：</b>设计这边同步出一版深色模式的视觉。
26</div>
27<div class="row" style="margin-top:14px;gap:10px">
28 <button class="btn line" style="flex:1">⏸ 暂停</button>
29 <a class="btn rec full" href="minutes.html" style="flex:1;text-decoration:none;text-align:center">⏹ 结束并生成纪要</a>
30</div>
31</main>
32 <nav class="nav"><a class="" href="index.html"><span class="ic">📋</span>会议</a><a class=" on" href="record.html"><span class="ic">🎙️</span>录音</a><a class="" href="minutes.html"><span class="ic">✍️</span>纪要</a><a class="" href="todos.html"><span class="ic">✅</span>待办</a><a class="" href="mine.html"><span class="ic">👤</span>我的</a></nav>
33</div>
34<script></script>
35</body>
36</html>