⚡
快速上手
只需 3 步,即可开始你的第一次提词录制
1
创建脚本
点击右下角「+」按钮,输入标题和提词内容,选择颜色和拍摄状态,保存即可
2
调整设置
点击播放页右上角「⚙」,设置字号、速度、颜色等参数,适配你的录制场景
3
开始录制
点击「播放」进入提词模式,单击屏幕控制播放/暂停,拖拽可快速跳转进度
📋 一、产品概述
探花提词专用 是一款纯网页端提词工具,无需安装任何软件,用浏览器打开 HTML 文件即可使用。专为短视频录制、直播提词、演讲辅助、团队脚本管理等场景设计。
核心特点
- 零安装、零依赖:单个 HTML 文件,双击即用,数据保存在浏览器本地
- 拍摄状态管理:支持「待拍 / 已拍」状态标记,已拍脚本自动添加删除线,进度一目了然
- 智能导入:支持 TXT、Word(.docx)、JSON 文件导入,自动识别标题并拆分为多条脚本
- 卡片色彩区分:5 种主题色标记脚本卡片,视觉分类清晰直观
- 流畅滚动播放:自动匀速滚动,支持拖拽快进/快退,松手后惯性滑动
- 已读高亮:当前行高亮发光,已读行变暗,一眼看清读到哪了
- 自拍倒计时:0–5 秒准备倒计时,点击播放后自动开始,单人录制更从容
- 镜像翻转:支持文字水平翻转,适配提词器硬件反射场景
- 搜索筛选:实时搜索标题和内容关键词,匹配结果高亮显示
- 多端适配:手机、平板、电脑均可使用,自动适配横竖屏布局
技术说明
- 数据存储:使用浏览器 localStorage,存储键名为
tp_scripts_v6
- Word 解析:依赖 mammoth.js(CDN 加载),需联网使用导入功能
- 兼容要求:支持现代浏览器(Chrome / Safari / Edge / Firefox 近 2 年版本)
🖥️ 二、界面介绍
2.1 脚本列表页(首页)
打开提词器后首先看到的就是脚本列表页,这里管理你所有的提词脚本。
- 顶部标题栏:显示「探花提词专用」名称
- 「说明」按钮:左上角,点击查看本说明书(跳转 shm.html)
- 「导」按钮:右上角,点击打开导入功能
- 「存」按钮:右上角,点击打开导出功能
- 「清空全部」按钮:工具栏,一键删除所有脚本(需二次确认)
- 搜索框:输入关键词实时筛选,支持标题和内容匹配,右侧「×」一键清除
- 脚本卡片:每条脚本显示标题、内容预览、字数、预计时长、更新时间
- 卡片左侧色条:标识脚本的主题色,同时卡片背景有对应颜色的半透明底色
- 已拍标记:状态为「已拍」的卡片标题和内容显示删除线,透明度降低
- 「+」浮动按钮:右下角蓝色圆形按钮,点击新建脚本
2.2 脚本卡片操作按钮
- 「播放」按钮:进入提词播放页面
- 「编辑」按钮:修改脚本的标题、内容、颜色和拍摄状态
- 「删除」按钮:删除该条脚本(需确认)
2.3 播放页(提词模式)
点击脚本卡片上的「播放」按钮即可进入提词播放页面。
- 进度条:屏幕最顶部的蓝色细线(2px),显示当前阅读进度百分比
- 「返」按钮:左上角半透明圆形按钮,点击返回脚本列表
- 「⚙」设置按钮:右上角,点击展开/收起设置面板,打开时按钮旋转 90° 并变色
- 中心标记线:屏幕中央的蓝色横线 + 两侧圆点,标记当前阅读位置
- 倒计时覆盖层:自拍倒计时期间全屏半透明黑色背景 + 大号数字动画
- 提词文字区:占满屏幕的主区域,文字从下往上匀速滚动
- 拖拽进度提示:暂停拖拽时底部显示蓝色胶囊形指示器(如「↑ 45%」),松手后自动消失
- 操作提示:底部提示文字「单击播放/暂停 · 暂停时可上下拖拽调整进度」,4 秒后自动淡出
2.4 设置面板
- 竖屏:从底部滑出,最大高度 58vh,圆角 14px 顶部
- 横屏:从右侧滑出,固定宽度 280px,全屏高度
- 面板内容:播放速度、自拍倒计时、字号、行高、文字颜色、背景颜色、镜像翻转开关、中心标记线开关
- 底部操作栏:「重播」按钮(回到开头)+「退出」按钮(返回列表)
🔍 三、搜索功能
在脚本列表页顶部的搜索框中输入关键词,即可实时筛选脚本。
使用方法
- 在搜索框中输入关键词(支持中文、英文、数字)
- 列表即时筛选,仅显示标题或内容包含该关键词的脚本
- 匹配的关键词在标题和预览中以蓝色高亮显示
- 点击搜索框右侧的「×」按钮,一键清空搜索内容
搜索特性
- 实时响应:输入过程中即时筛选,无需按回车
- 大小写不敏感:英文搜索不区分大小写
- 不修改数据:搜索仅影响显示,不会删除或修改任何脚本
- 空结果提示:无匹配时显示「未找到匹配的脚本」
- 清空恢复:清空搜索框后立即恢复完整列表
提示:搜索框在输入后会自动获得焦点,方便连续搜索。点击「×」后焦点仍保留在搜索框,可继续输入新关键词。
📝 四、脚本管理
4.1 新建脚本
- 点击右下角「+」浮动按钮
- 在弹窗中选择拍摄状态:「待拍」(默认)或「已拍」
- 输入标题(最多 50 字,可留空,默认显示"未命名")
- 在文本框中输入提词内容(无字数限制)
- 选择卡片颜色:5 种主题色之一,用于视觉区分
- 点击「保存」完成创建
4.2 编辑脚本
在脚本卡片上点击「编辑」按钮,弹出编辑窗口:
- 可修改拍摄状态(待拍 ↔ 已拍)
- 可修改卡片颜色
- 可修改标题和内容
- 保存后自动更新时间戳(updatedAt)
4.3 拍摄状态说明
- 待拍(pending):默认状态,标题和内容正常显示
- 已拍(shot):标题和内容显示删除线,整体透明度降低,直观区分已完成内容
使用建议:每拍完一条脚本就将其标记为「已拍」,列表一目了然,避免重复拍摄或遗漏。
4.4 卡片颜色
5 种可选主题色,用于脚本分类和快速识别:
选中的颜色会同时体现在:卡片左侧 8px 宽色条 + 卡片背景的半透明底色(约 18% 透明度)。
4.5 删除脚本
在脚本卡片上点击「删除」按钮,弹出确认对话框后点击「确定」即可删除。
注意:删除操作不可恢复!删除前建议先导出备份。
4.6 清空全部
点击工具栏的「清空全部」按钮,弹出确认对话框,确认后删除所有脚本。
警告:此操作将删除全部脚本且不可恢复!请务必先导出 JSON 备份。
4.7 脚本信息说明
每张脚本卡片底部会显示以下信息:
- 字数:去除空白字符后的纯文字数量
- 预计时长:按每分钟 200 字估算的阅读时间(向上取整,最少 1 分钟)
- 更新时间:最近一次创建或编辑的日期和时间(如「8月6日 14:30」)
4.8 空列表提示
当没有任何脚本时,列表区域会显示提示文字「点击右下角 + 创建第一条脚本」,引导用户快速上手。
📥 五、导入功能
5.1 导入流程
点击「导」
→
选择导入方式
→
选择文件或粘贴文本
→
自动识别标题
→
拆分为多条脚本
→
追加到列表
5.2 两种导入方式
点击首页右上角「导」按钮,弹出导入选择窗口:
方式一:选择文件导入
点击「📄 选择文件导入」按钮,弹出系统文件选择器。支持格式:
- .json:提词器导出的备份文件
- 导入时会弹出确认框:点击「确定」替换现有数据,点击「取消」合并追加
- 合并时每条脚本生成新 ID,保留原始创建/更新时间
- .txt:纯文本文件
- 读取后按智能标题识别规则自动拆分
- 所有导入脚本默认状态为「待拍」、天蓝色卡片
- .docx:Word 文档(2007+ 格式)
- 使用 mammoth.js 在浏览器端解析,无需服务器
- Word 标题样式(标题 1~6)自动转换为 Markdown
# 格式
- 段落、换行、列表等基础格式会被保留
不支持 .doc 老格式:请将 .doc 文件在 Word 中另存为 .docx 或 .txt 后再导入。老格式为二进制编码,浏览器端无法可靠解析。
方式二:粘贴文本导入
- 点击「📋 粘贴文本导入」选项
- 在展开的文本框中粘贴大段文本
- 点击「导入」按钮,系统自动识别标题并拆分
- 适合从微信、网页、其他文档中直接复制内容
5.3 智能标题识别规则
导入 TXT / Word / 粘贴文本时,系统会自动识别标题并拆分为多条独立脚本。识别逻辑分三个层级:
规则一:连续序号 → 识别为标题
如果文档中存在相同前缀模式 + 序号连续递增的行(至少 2 个连续),则自动识别为标题。支持的序号格式:
- 第N章/节/条/回/篇/卷/集/部:如「第一条」「第二章」「第三回」(中文数字自动转换)
- 中文数字序号:如「一、」「二、」「三、」(支持「十一、」「二十三、」「一百、」等)
- 括号中文数字:如「(一)」「(二)」或「(一)」「(二)」
- 阿拉伯数字序号:如「1.」「2、」「3)」「4)」「5]」(排除「1.1」子编号格式)
关键规则:序号必须连续递增(如 1→2→3)才会被识别为标题。不连续的序号(如 1→3→5)不会识别,而是走规则三。
规则二:显式标记 → 始终识别为标题
以下格式无论数量多少,只要出现就识别为标题:
- Markdown 标题:以
# 开头的行(如 # 标题、## 子标题)
- 【】方括号标题:整行被
【】 包裹,如 【开场白】
- [] 方括号标题:整行被
[] 包裹,如 [产品介绍]
Word 文档特别说明:Word 中的标题样式(标题 1~6)在导入时会自动转换为 Markdown # 格式,因此能被正确识别为标题。
规则三:无序号 → 按段落首句识别
如果文档中没有连续序号,也没有显式标记,则按以下逻辑处理:
- 按空行将文档分成多个段落块
- 每段首行 ≤30字 → 首行做标题,其余做内容
- 首行 >30字 → 取第一句话(到句号、问号、感叹号为止)做标题
- 找不到句子结束标点 → 首行截断前 50 字做标题
5.4 标题识别示例
示例一(连续序号 → 拆分 3 条):
原文:
第一条 总则
本办法适用于所有员工。
第二条 定义
术语含义如下所述。
第三条 适用范围
本规则自发布之日起施行。
识别结果:
① 标题「第一条 总则」+ 内容「本办法适用于所有员工。」
② 标题「第二条 定义」+ 内容「术语含义如下所述。」
③ 标题「第三条 适用范围」+ 内容「本规则自发布之日起施行。」
示例二(无序号段落 → 按首句拆分):
原文:
产品介绍
我们的产品是革命性的。它改变了整个行业。
功能特点
支持多种格式导入。操作简单易上手。
识别结果:
① 标题「产品介绍」+ 内容「我们的产品是革命性的。它改变了整个行业。」
② 标题「功能特点」+ 内容「支持多种格式导入。操作简单易上手。」
5.5 导入结果
导入成功后,系统会弹出提示:
- TXT / Word / 粘贴:「智能识别完成,共导入 X 条脚本(已追加到列表)」
- JSON 替换:「导入成功!共 X 条脚本」
- JSON 合并:「已合并导入 X 条脚本」
所有非 JSON 导入的脚本默认状态为「待拍」,卡片颜色为天蓝色。
📤 六、导出功能
点击首页右上角「存」按钮,弹出导出格式选择窗口:
6.1 JSON 格式导出
- 用途:完整备份,包含标题、内容、拍摄状态、卡片颜色、创建时间、更新时间
- 特点:可再次导入恢复,适合换设备迁移数据
- 文件名:
teleprompter_YYYY-MM-DD.json
- 内容格式:标准 JSON 数组,每条脚本一个对象
6.2 TXT 纯文本导出
- 用途:方便阅读和分享,人类友好格式
- 文件名:
teleprompter_YYYY-MM-DD.txt
- 内容格式:
========================================
探花专用提词器 · 脚本导出
导出时间:YYYY/MM/DD HH:mm:ss
共 X 条脚本
========================================
----------------------------------------
【脚本标题】
(创建:YYYY/MM/DD HH:mm · 更新:YYYY/MM/DD HH:mm)
----------------------------------------
脚本正文内容
建议:定期导出 JSON 备份,防止浏览器清理缓存导致数据丢失。TXT 格式适合分享给他人阅读,但不包含拍摄状态和颜色信息。
6.3 导出注意事项
- 导出文件会保存到浏览器的默认下载目录
- 没有脚本时点击「存」会提示「没有可导出的脚本」
- JSON 导入/导出是互逆操作,可完整恢复数据
▶️ 七、提词播放
7.1 进入播放
在脚本列表页,点击脚本卡片上的「播放」按钮,进入提词播放页面。系统会自动:
- 加载脚本内容到提词舞台
- 重置播放位置到开头
- 应用默认设置(速度 2x、字号 32px、行高 1.8、白色文字、黑色背景等)
- 4 秒后自动隐藏底部操作提示
7.2 播放与暂停
- 单击屏幕:开始 / 暂停滚动
- 播放时文字从下往上匀速滚动
- 滚动到末尾自动停止
- 暂停时屏幕保持当前位置不变
7.3 自拍倒计时
在设置面板中开启倒计时(1–5 秒)后:
- 点击播放 → 全屏半透明黑色覆盖层出现
- 大号白色数字(120px)从设定值开始递减
- 每个数字带有脉冲放大动画(从 1.6 倍缩放到 1.0 倍)
- 倒计时到 0 后覆盖层消失,文字开始滚动
- 取消倒计时:倒计时期间点击屏幕任意位置即可取消
- 关闭倒计时:在设置面板中将滑块拖到 0 即可
适用场景:倒计时给你留出调整站位、整理表情、按下录制键的时间,非常适合单人自拍。
7.4 拖拽调整进度
暂停状态下,可以用手指(或鼠标)按住屏幕上下拖拽,快速跳转到任意位置:
- 手指上滑:内容前进(看后面的内容)
- 手指下滑:内容后退(看前面的内容)
- 灵敏度:手指移动 1 像素 ≈ 内容滚动 2.5 像素
- 防误触:手指移动超过 8 像素才进入拖拽模式,轻点不会触发
- 松手惯性:松手后文字会按拖拽速度惯性滑动,每次衰减 5%,直到速度低于阈值(0.3px/帧)停止
- 进度指示:拖拽时屏幕底部显示蓝色胶囊形指示器(如「↑ 45%」表示前进到 45%),松手后自动隐藏
操作逻辑:拖拽方向以「内容移动方向」为准——想看后面的内容就往上滑(和刷短视频的手势一致)。
7.5 已读高亮
播放时,文字会根据阅读位置自动变色:
- 当前行:全亮度显示,带发光效果(text-shadow 光晕)
- 已读行:透明度降低至 20%,变暗
- 未读行:正常亮度显示
中心标记线(蓝色横线 + 两侧圆点)始终标记当前阅读位置,帮助快速定位。
7.6 重播
在设置面板中点击「重播」按钮:
- 立即回到开头(scrollY = 0)
- 如果开启了倒计时 → 重新执行倒计时后再播放
- 如果未开启倒计时 → 直接开始滚动
7.7 退出播放
有三种方式可以退出播放页:
- 点击左上角「返」按钮
- 点击设置面板底部「退出」按钮
- 键盘按
Esc 键
退出后自动回到脚本列表页,播放状态不会保存(下次进入重新从头开始)。
⚙️ 八、播放设置
在播放页点击右上角「⚙」按钮,展开设置面板。面板在竖屏时从底部滑出,横屏时从右侧滑出。
8.1 播放速度
- 滑块调节:0 ~ 2.0x,步进 0.1
- 快捷预设按钮:0x / 0.5x / 1x(默认高亮)/ 1.5x / 2x
- 速度 0 表示暂停滚动,适合需要停顿讲解的场景
- 点击预设按钮会同步更新滑块位置和显示数值
速度参考:1x 适合正常语速朗读,2x 适合快速浏览。电脑端还可用 ↑/↓ 键微调(最高 2.0x)。
8.2 自拍倒计时
- 滑块调节:0 ~ 5 秒,步进 1 秒
- 显示:「关」或「X秒」
- 设为 0 即关闭倒计时,点击播放立即开始滚动
8.3 字号
- 范围:16px ~ 100px,步进 1px
- 默认:32px
- 小屏手机可适当减小(24–28px),大屏或远处拍摄可增大(40–60px)
8.4 行高
- 范围:1.2 ~ 2.8,步进 0.05
- 默认:1.8
- 行间距越大阅读越舒适,但单屏显示行数越少
8.5 文字颜色
7 种预设颜色可选(点击色块即可切换):
8.6 背景颜色
7 种预设颜色可选:
8.7 镜像翻转
开关控制,开启后文字水平翻转(左右镜像)。
- 适用场景:通过反射镜片观看提词内容的硬件提词器设备
- 实现方式:CSS
transform: scaleX(-1)
- 开关状态实时生效,无需重启播放
8.8 中心标记线
开关控制,默认开启。
- 开启:屏幕中央显示蓝色横线 + 左右两侧蓝色圆点
- 关闭:标记线隐藏,仅依靠文字高亮判断当前行
8.9 设置面板操作
- 打开面板:点击右上角「⚙」按钮,按钮旋转 90° 并变蓝
- 关闭面板:再次点击「⚙」/ 点击面板顶部「×」/ 点击面板外半透明遮罩
- 面板遮罩:打开时背景出现半透明黑色遮罩层,点击遮罩可关闭面板
设置不持久化:播放设置在每次进入播放页时恢复默认值。如需固定设置,请在每次播放前调整。这是设计使然——不同脚本可能需要不同的字号和速度。
⌨️ 九、键盘快捷键
在电脑端使用时,播放页支持以下键盘快捷键:
| 快捷键 |
功能 |
| 空格 / K |
播放 / 暂停 |
| ↑ |
速度 +0.5(最高 2.0x) |
| ↓ |
速度 -0.5(最低 0x) |
| R |
重播(回到开头,若开启倒计时则重新倒计时) |
| M |
切换镜像翻转 |
| Esc |
退出播放页 |
| PageUp |
后退 5%(暂停时有效) |
| PageDown |
前进 5%(暂停时有效) |
提示:键盘快捷键仅在播放页有效,脚本列表页不支持。PageUp/PageDown 是暂停时精确调整进度的好帮手。
❓ 十、常见问题
Q1:数据保存在哪里?清理浏览器缓存会丢失吗?
数据保存在浏览器的 localStorage 中,存储键名为 tp_scripts_v6,与浏览器和域名绑定。
高风险操作:以下操作会导致数据丢失且不可恢复——清理浏览器缓存、清除浏览数据、使用无痕/隐私模式、更换浏览器或设备。请务必定期导出 JSON 备份!
Q2:导入 Word 文档报错怎么办?
- 确保文件是 .docx 格式(Word 2007 及以上),不支持 .doc 老格式
- Word 文档需要联网解析(依赖在线 mammoth.js CDN),请确保网络正常
- 如反复报错,可将 Word 另存为 .txt 后再导入
- 错误信息会显示具体原因,如「Word 解析库加载失败」「JSON 格式不正确」等
Q3:导入后标题识别不准确怎么办?
智能标题识别基于序号连续性和段落结构,以下情况可能识别不准确:
- 序号不连续(如 1→3→5)→ 不会识别为标题,改为按段落首句拆分
- 混合多种序号格式(如「一、」和「1.」混用)→ 各自独立判断连续性
- 建议在源文档中统一使用一种序号格式并保持连续
最佳实践:导入后可在脚本列表逐条编辑修改标题、拍摄状态和卡片颜色,确保准确。
Q4:如何标记已经拍完的脚本?
有两种方式:
- 新建/编辑时:在弹窗顶部的「拍摄状态」中选择「已拍」
- 已拍脚本会以删除线 + 低透明度样式显示,列表中一眼可辨
Q5:搜索功能会修改我的脚本吗?
不会。搜索仅用于筛选显示,不会删除、修改或隐藏任何脚本数据。清空搜索框即可恢复完整列表。
Q6:手机上拖拽不太灵敏怎么办?
拖拽灵敏度固定为 2.5 倍(手指移动 1 像素,内容滚动 2.5 像素)。如需更精确控制:
- 先暂停播放,再缓慢拖拽
- 拖拽时底部会显示进度百分比,便于精确定位
- 松手后惯性滑动可以帮你"滑"到大致位置
Q7:播放速度最快是多少?
- 设置面板中滑块最高为 2.0x
- 电脑端可用
↑ 键继续加速,最高可达 2.0x(与滑块上限一致)
- 如需超慢速,可设为 0x 后手动拖拽控制进度
Q8:换了一台电脑/手机,数据能同步吗?
不能自动同步。需在原设备导出 JSON 文件,拷贝到新设备后再导入即可恢复全部数据。
Q9:横屏和竖屏有什么区别?
- 竖屏:设置面板从底部滑出,最大高度 58vh
- 横屏:设置面板从右侧滑出,宽度 280px
- 脚本列表横屏:自动变为多列网格布局(minmax 260px),更高效利用宽屏空间
Q10:可以同时播放多个脚本吗?
不可以。同一时间只能播放一个脚本。如需连续播放多个内容,建议合并到同一个脚本中,用标题分隔不同段落。
Q11:自拍倒计时可以中途取消吗?
可以。倒计时期间点击屏幕任意位置即可取消倒计时并停止播放,回到暂停状态。
Q12:为什么我的设置下次打开就失效了?
这是设计使然。播放设置(速度、字号、颜色等)每次进入播放页都会恢复默认值,不会持久化保存。不同脚本可能需要不同的参数,每次手动调整可以确保最佳效果。
Q13:页面顶部的安全区域适配是什么?
提词器使用了 env(safe-area-inset-*) 来适配 iPhone 刘海屏、圆角屏等设备的安全区域,确保按钮不会被屏幕圆角或系统栏遮挡。