https://wlj.me/tags/video/Recent content in Video on Luca's BlogHugozhThu, 07 May 2026 12:47:08 +0800https://wlj.me/posts/recordly-screen-recorder/Thu, 07 May 2026 12:47:08 +0800https://wlj.me/posts/recordly-screen-recorder/<p>看到一个开源的桌面录屏工具 <a href="https://github.com/webadderallorg/Recordly">Recordly</a>，macOS / Windows / Linux 都能跑。</p> <p>它把录制和后期合在一个 app 里。录完直接进编辑器，时间轴上做 trim、zoom、变速、注释、额外音轨、裁剪，不再把素材丢进另一个剪辑软件。</p> <h2 id="主要功能">主要功能</h2> <ul> <li>自动 zoom 建议、光标平滑、点击反馈</li> <li>把录制内容放进 styled frame：壁纸、渐变、阴影、圆角、留白</li> <li>webcam 浮窗，位置可调、可镜像、可加阴影，可设置随 zoom 缩放</li> <li>项目可存为 <code>.recordly</code> 文件，之后再打开继续改</li> <li>导出 MP4 或 GIF</li> <li>扩展市场 <a href="https://marketplace.recordly.dev/extensions">marketplace.recordly.dev</a></li> </ul> <h2 id="平台支持">平台支持</h2> <ul> <li>macOS 14.0+：用 ScreenCaptureKit 原生捕获</li> <li>Windows 10 19041+：用 Windows Graphics Capture + WASAPI 音频</li> <li>Linux 现代发行版：Electron 捕获，目前不支持隐藏鼠标</li> </ul> <h2 id="项目情况">项目情况</h2> <ul> <li>许可证：AGPL 3.0</li> <li>主页：<a href="https://www.recordly.dev">recordly.dev</a></li> <li>仓库：<a href="https://github.com/webadderallorg/Recordly">webadderallorg/Recordly</a></li> <li>从 <a href="https://github.com/siddharthvaddem/openscreen">OpenScreen</a> fork 后另起的项目</li> </ul>https://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>https://wlj.me/posts/four-skills-for-short-video/Sun, 19 Apr 2026 21:51:59 +0800https://wlj.me/posts/four-skills-for-short-video/<p>同事 liurong 想做短视频产品，让我给点建议。我的建议是先把下面四个 Claude Code Skill 过一遍。两个帮你做产品，两个做视频本身。</p> <h2 id="做产品的两个">做产品的两个</h2> <h3 id="superpowers--obrasuperpowers">superpowers — <a href="https://github.com/obra/superpowers">obra/superpowers</a></h3> <p>一套软件开发方法论。装上之后 Claude Code 不会直接写代码，会先和你对齐需求、出 spec、等你确认，然后出实现计划，再派 subagent 一个任务一个任务做，过程里走 TDD、守 YAGNI 和 DRY。</p> <p>作者 Jesse（obra）是 Anthropic 工程师，已进入官方 plugin marketplace：</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">/plugin install superpowers@claude-plugins-official </span></span></code></pre></div><h3 id="gstack--garrytangstack">gstack — <a href="https://github.com/garrytan/gstack">garrytan/gstack</a></h3> <p>YC 总裁 Garry Tan 的个人工具包。把 Claude Code 拆成 23 个角色：CEO、eng manager、designer、code reviewer、QA、security officer、release engineer 等，每个都是 slash command。</p> <p>和做产品相关的几个：</p> <ul> <li><code>/office-hours</code>：YC 式产品拷问，六个问题</li> <li><code>/plan-ceo-review</code>：以 CEO 视角审视功能</li> <li><code>/design-review</code>、<code>/qa</code>：设计和质量检查</li> <li><code>/review</code>、<code>/ship</code>：代码审查和发布</li> </ul> <p>起手可以先跑一次 <code>/office-hours</code>，描述你的短视频产品。</p> <h2 id="做视频的两个">做视频的两个</h2> <h3 id="hyperframes--heygen-comhyperframes">hyperframes — <a href="https://github.com/heygen-com/hyperframes">heygen-com/hyperframes</a></h3> <p>HeyGen 开源的视频渲染框架：Composition 是 HTML 文件，动画用 GSAP，渲染成 MP4。专为 AI agent 设计，agent 直接写 HTML，不需要学专有 DSL。</p>