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 />• 输入一段视频即可自动拆分为优化后的 WebP 帧序列，并生成可直接落地的滚动动画网站<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>