https://wlj.me/tags/slidev/Recent content in Slidev on Luca's BlogHugozhTue, 21 Apr 2026 07:11:35 +0800https://wlj.me/posts/slidev-markdown-to-video/Tue, 21 Apr 2026 07:11:35 +0800https://wlj.me/posts/slidev-markdown-to-video/<p>方军发了一段文字：</p> <blockquote> <p>内容用 markdown；画面用 slidev 制作，可以加兼容 vue 的网页效果；音频写在 slidev 的 speaker note 里，然后转成音频；slidev 自动播放，由音频往前推动，形成视频的感觉；录制视频用 obs（在 slidev 里写了 addon，一键驱动）。</p></blockquote> <p>我没完全看懂，问了 Claude 搞清楚了。</p> <p>Slidev 原生提供：Markdown 写幻灯片、speaker notes（HTML 注释 <code>&lt;!-- --&gt;</code>）、Vue 组件、键盘翻页、演讲者模式。</p> <p>需要自己写的三块：</p> <ol> <li><strong>TTS</strong>：解析 <code>slides.md</code>，把每页 notes 转成 <code>audio/slide-N.mp3</code></li> <li><strong>音频驱动翻页</strong>：Vue 组件监听当前页，播对应 mp3，<code>audio.ended</code> 后调 <code>nav.next()</code></li> <li><strong>OBS 录制</strong>：OBS 28+ 内置 WebSocket，浏览器直接连 <code>ws://localhost:4455</code> 就能控制 <code>StartRecord</code> / <code>StopRecord</code></li> </ol>