Power Users/Automators 折腾/讨论/分享各种开源工具/脚本/自动化工作流👥 @zhetengsha_group📌 合集 https://t.me/zhetengsha/2🎁 恰饭 https://t.me/zhetengsha/957📢 广告投放 @xream @xream_botBuy ads: https://telega.io/c/zhetengshafeedId:55438372655431680+userId:62307599601855488http://telegram.zhetengsha.eu.orghttp://telegram.zhetengsha.eu.org/posts/6756http://telegram.zhetengsha.eu.org/posts/6756Fri, 21 Aug 2026 13:04:22 GMT<video src="/static/https://cdn5.telesco.pe/file/0918bb0f10.mp4?token=vBirBMrkXinKOXvlsCPYHXuuUGXxE1mLo87bCTWGt8v5PHuUAxLyHi4ejg2nuoLywE81_6_g8v4WXRqkX1Nn5h5V56gfAl02OoCtOAWjCoM9q-GFqwPjdbq-zEqX1RGhpLE_ibOjYzDVopN6ht_YEGX8MxdBrJqtdd-0AZVXAVFtGue4LghuTZV6qOtd1Vt5x-fKSCTHArWJ2P6tqFwe6Zs0EyBpdg8DXCtSUCv1pcV1cbumsY_r4EPbjy7_-u4ixKwIXlxqTsuqxAKIZRASx2CKAQGfiAi9i27eVe2WerVmfD1KMl6-lCa6GyIwhLy1pkP5yziToxJfatraxIc_nw" class="tgme_widget_message_video js-message_video" width="100%" height="100%" preload="auto" muted autoplay loop playsinline controls webkit-playsinline></video><u>Scroll Video Website: 将视频快速转成滚动驱动的全屏 Canvas 叙事页面生成技能</u><br /><br />• 输入一段视频即可自动拆分为优化后的 <mark class="highlight">WebP</mark> 帧序列，并生成可直接落地的滚动动画网站<br /><br />• 支持渐进式加载、邻近帧回退、双向平滑拖动与插值过渡，滚动体验更顺滑<br /><br />• 内置响应式渲染、设备像素比适配与 reduced motion 兼容，适合产品展示页和品牌叙事场景<br /><br /><a href="https://github.com/musoyangrigor/scroll-video-website-skill" target="_blank" rel="noopener" title="https://github.com/musoyangrigor/scroll-video-website-skill">https://github.com/musoyangrigor/scroll-video-website-skill</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327880277607583303.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/2" target="_blank" rel="noopener" title="合集">合集</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6021860481923288796.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha_group" target="_blank" rel="noopener" title="群组">群组</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327792445526380187.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/957" target="_blank" rel="noopener" title="恰饭">恰饭</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6330367862535884142.webp" alt="" loading="lazy" width="20" height="20" /><a href="https://t.me/xream_bot" target="_blank" rel="noopener" title="联系推广">联系推广</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327836885552991740.webp" alt="" loading="lazy" width="20" height="20" /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23%E6%BB%9A%E5%8A%A8%E5%8A%A8%E7%94%BB" title="#滚动动画">#滚动动画</a> <a href="/search/result?q=%23Canvas" title="#Canvas">#Canvas</a> <a href="/search/result?q=%23WebP" title="#WebP">#WebP</a> <a href="/search/result?q=%23AI" title="#AI">#AI</a> <a href="/search/result?q=%23Agent" title="#Agent">#Agent</a> <a href="/search/result?q=%23%E4%BA%A7%E5%93%81%E5%B1%95%E7%A4%BA%E9%A1%B5" title="#产品展示页">#产品展示页</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a>http://telegram.zhetengsha.eu.org/posts/1223http://telegram.zhetengsha.eu.org/posts/1223Wed, 13 Mar 2024 12:30:04 GMT<a href="/search/result?q=%23mac" title="#mac">#mac</a> <a href="/search/result?q=%23magick" title="#magick">#magick</a> <a href="/search/result?q=%23mogrify" title="#mogrify">#mogrify</a> <a href="/search/result?q=%23imagemagick" title="#imagemagick">#imagemagick</a> <a href="/search/result?q=%23webp" title="#webp">#webp</a> <a href="/search/result?q=%23gif" title="#gif">#gif</a> <a href="/search/result?q=%23mp4" title="#mp4">#mp4</a><br /><br />macOS 批量将 <mark class="highlight">webp</mark> 转换为 gif, gif 转 mp4<br /><br />1. 安装 homebrew<br /><br />2. 安装 <code>brew install imagemagick</code><br /><br />3. <code>brew info imagemagick</code> 查看 路径<br /><br />例如 <pre class="code"><code class="language-markdown"> ==&gt; imagemagick: stable 7.1.1-29 (bottled), HEAD Tools and libraries to manipulate images in many formats https://imagemagick.org/index.php /usr/local/Cellar/imagemagick/7.1.1-29_1 (809 files, 29MB) *</code></pre><br />得到路径 <code>/usr/local/Cellar/imagemagick/7.1.1-29_1</code><br /><br />4. <code>cd /tmp/<mark class="highlight">webp</mark></code> 此为你存放 <mark class="highlight">webp</mark> 文件的目录<br /><br />5. 使用路径 <mark class="highlight">webp</mark> 转 gif <code>/usr/local/Cellar/bin/imagemagick/7.1.1-29_1/mogrify -format gif *.<mark class="highlight">webp</mark></code><br /><br />6. 安装 <code>brew install ffmpeg</code><br /><br />7. gif 转 mp4 <code>for file in *.gif; do ffmpeg -i "$file" -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" "${file%.gif}.mp4"; done</code>