- 分組
- 引述 · 一段对话或讲解
- 元件
TranscriptCard·#transcript-card
適合
- 引用一段录音、访谈或讲解
- 想让听众注意其中一句
不適合
- 只有一句引语:用 QuoteHero
- 讲稿是编的又没标示意
內容上限
| 1 | lines 3–4 行:who ≤ 6 字,time ≤ 6 字符,text ≤ 34 字 |
| 2 | file ≤ 16 字符,meta ≤ 8 字符 |
| 3 | tags 2–3 个,label ≤ 8 字 |
| 4 | 不是真实录音时 source 写“示意” |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 小节名,2–8 字 |
title · 必填 | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
file · 必填 | string | 卡片标题 |
meta · 必填 | string | 时长 |
lines · 必填 | { who, time, text }[] | 讲稿行 |
focus | number | 高亮的行,默认 0 |
tags · 必填 | { icon, label }[] | 漂浮标签 |
範例程式碼
<TranscriptCard kicker="逐条展开" title={['讲到哪一条,', '就亮到哪一条']} file="讲稿 · 第 5 页" meta="00:24" focus={1} lines={[{ who: '讲者', time: '00:00', text: '…' }, …]} tags={[{ icon: 'keyboard', label: '→ / Space' }]} source="讲稿为示意" />