Node Video字幕添加教程：动态歌词与特效文字制作指南
为视频添加动态字幕远不止简单的文本叠加，尤其当需要实现与音乐节拍精准同步的歌词效果时，这更像是一项需要精密执行的视音频工程。其核心在于将歌词的时间轴毫秒级对齐到视频帧，任何微小的偏差都会导致视听不同步，破坏整体观感。在此基础上，字体缩放、色彩渐变等动态效果才能成为点睛之笔。
实现高质量同步字幕的关键，在于严格遵循一个系统化的工作流：从准备精准的时间戳文件开始，到解析数据、生成标准字幕格式，最终通过编码或后期软件完成合成。每个环节的精度都直接影响最终效果。
准备带时间戳的歌词文件
一切始于一份时间点精确的歌词文件。通常可以从音乐平台导出LRC格式文件，其标准行格式为：[00:12.34]春风十里不如你。
若歌词不含时间信息，则需要借助音频编辑软件手动标记。在Audacity或Adobe Audition中载入音频，根据人声波形的起止点逐一打入时间标记。这一步必须一丝不苟——时间戳的精度是整个字幕工程的基石，基础不准，后续所有工作都可能因整体错位而失效。
获得LRC文件后，先进行格式校验。用VS Code等编辑器打开，使用正则表达式[\d{2}:\d{2}.\d{2}]扫描所有行，确保时间标签格式统一。任何无法匹配的异常行都必须修正或删除，以避免后续解析脚本处理失败，造成歌词遗漏。
用node-lrc-parser提取时间-文本映射
干净的LRC文件需要转换为程序易处理的结构化数据。推荐使用Node.js库node-lrc-parser。在项目目录下运行npm install node-lrc-parser完成安装。
随后，创建解析脚本parse.js：
const LrcParser = require('node-lrc-parser');
const fs = require('fs');
const lrc = fs.readFileSync('./lyrics.lrc', 'utf8');
const parser = new LrcParser();
const result = parser.parse(lrc);
console.log(JSON.stringify(result, null, 2));执行node parse.js，正常输出应为一个对象数组，包含以毫秒计的time和对应的text。若输出时间均为0，则几乎可以断定是LRC格式问题，常见原因是时间标签的方括号内存在多余空格，或分号、小数点格式不标准。
生成FFmpeg字幕命令（SRT格式）
解析得到的数据需转换为FFmpeg兼容的SRT字幕格式。需特别注意SRT对时间码的严格规范：格式必须为HH:MM:SS,mmm --> HH:MM:SS,mmm，毫秒部分需三位数，不足则补零。
编写to-srt.js脚本，遍历上一步的result数组。核心是正确计算每句歌词的结束时间。切忌为每句分配固定时长，这会导致字幕节奏与演唱节奏完全脱节。 正确的逻辑是：endTime = nextItem.time || (currentTime + 4000)。即，若存在下一句，则以其开始时间为当前句的结束时间；若是最后一句，则在其开始时间后延展4秒（此时长可根据歌曲尾奏调整）。
生成sub.srt文件后，务必将其编码保存为“UTF-8 无BOM”格式。否则FFmpeg加载时极易出现乱码，导致合成失败。
用FFmpeg硬编码字幕到视频
最终合成阶段，通过FFmpeg命令将字幕“烧录”进视频：
ffmpeg -i input.mp4 -vf "subtitles=sub.srt:force_style='FontName=Microsoft YaHei,FontSize=24,PrimaryColour=&HFFFFFF,OutlineColour=&H000000,Bold=1'" -c:a copy output.mp4其中force_style参数控制字幕样式，可定义字体、大小、颜色及描边。若需调整垂直位置，可添加Y=50参数上移；若希望自动居中，移除Y参数让FFmpeg默认处理即可。
此过程涉及视频转码，耗时与视频长度正相关。一段10分钟的视频，合成字幕通常需要90秒左右。合成后，直接播放output.mp4以验证同步效果。
进阶：用Node驱动After Effects生成动态歌词
若FFmpeg的静态字幕无法满足创意需求，需要更复杂的跳动、变色、缩放动态效果，则需引入After Effects (AE)。Node.js可驱动AE实现流程自动化。
方法一：使用ae-script-runner调用.jsx脚本
首先在AE中手动搭建基础场景：新建合成，导入视频层，创建文本图层作为模板。随后编写.jsx脚本，读取SRT数据，并为每句歌词动态生成文字图层、设置入出点与关键帧。例如，可根据当前播放行索引（i === currentLine），动态调整该句的缩放比例（设为120%）、垂直位置（如200 + i * 60实现阶梯布局）或填充颜色（通过i % 2实现双色交替）。
方法二：用nodejs-aep库生成.aep工程文件
此方法更为底层，允许直接用Node.js代码生成包含所有图层、关键帧和表达式的.aep工程文件。需特别注意将文本图层的锚点设置为[0.5, 0.5]（即中心点），以确保缩放动画时位置稳定。可为“当前高亮句”绑定表达式：if (time > startTime && time < endTime) { value * 1.2 } else { value }，以实现播放时自动高亮。
无论采用哪种方法，最终都需通过AE渲染队列输出视频。通常先输出为“Lossless AVI”等无损中间格式，再用FFmpeg压缩为最终MP4。此技术路径初期设置虽复杂，但特别适用于需要批量生成大量动态歌词视频的场景，能极大提升效率。