← All templates

讲稿卡片 <TranscriptCard />

左边标题,右边一张带声波的讲稿卡,3–4 行发言,其中一行高亮,卡片边上漂着 2–3 个小标签。

Template and style descriptions are currently available in Chinese only.

Group
引述 · 一段对话或讲解
Component
TranscriptCard · #transcript-card

Good for

  • 引用一段录音、访谈或讲解
  • 想让听众注意其中一句

Avoid when

  • 只有一句引语:用 QuoteHero
  • 讲稿是编的又没标示意

Content limits

1lines 3–4 行:who ≤ 6 字,time ≤ 6 字符,text ≤ 34 字
2file ≤ 16 字符,meta ≤ 8 字符
3tags 2–3 个,label ≤ 8 字
4不是真实录音时 source 写“示意”

Fields

FieldType
kicker · requiredstring小节名,2–8 字
title · requiredstring | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
file · requiredstring卡片标题
meta · requiredstring时长
lines · required{ who, time, text }[]讲稿行
focusnumber高亮的行,默认 0
tags · required{ icon, label }[]漂浮标签

Example

<TranscriptCard kicker="逐条展开" title={['讲到哪一条,', '就亮到哪一条']} file="讲稿 · 第 5 页" meta="00:24" focus={1} lines={[{ who: '讲者', time: '00:00', text: '…' }, …]} tags={[{ icon: 'keyboard', label: '→ / Space' }]} source="讲稿为示意" />