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/6770http://telegram.zhetengsha.eu.org/posts/6770Mon, 24 Aug 2026 02:02:28 GMT<video src="/static/https://cdn4.telesco.pe/file/6dc738227e.mp4?token=pzSaYtqne1G9JrhfNvvYoxDs6HCL9AVa-DGiNVOXh9-H3geGD9BATaCNru_XnkMtx2DLJXsswcrtx2LmNmXF97fs84TzUpPXE-EdlyITK42G66DEnfyfvViFoXmGrjJd4BrEkAqKxb9Pd3ECy4i_6HKdz2bY9TfxL2DfTevnYWlYXuaAgtvsrGJTDUPktLX7Q7xyVTogfVKIQ_q8NAhdWiv_0ECUFsnJcKHv0NtN1kF62pJw3ixnOA5JLHfWsazUzeiDrExy_uh_SvZgZDR263bWbWvQJ_A9rHlHtNo0UVznVn1sWqeUtfLyGmG3wWH3pWswt-v8y4jum6EXt8_6sw" class="tgme_widget_message_video js-message_video" width="100%" height="100%" controls preload="auto" playsinline webkit-playsinline></video><u>Scroll Video Website: 把视频一键转成滚动控制的沉浸式网页</u><br /><br />作者最近优化了 <b>Scroll Video Website Skill</b>，现在它可以创建非常快速、流畅且高度优化的网站，如图所示<br /><br />• 输入一个视频文件即可自动生成全屏响应式 Canvas 网页，并产出优化后的 WebP 帧序列<br /><br />• 支持双向滚动控帧与渐进加载，结合相邻帧混合带来更顺滑的动画体验<br /><br />• 内置序列优化流程，可按格式、帧数、质量预估体积变化，再执行实际处理<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%E4%BA%A4%E4%BA%92" title="#滚动交互">#滚动交互</a> <a href="/search/result?q=%23%E7%BD%91%E9%A1%B5%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=%23AIAgent" title="#AIAgent">#AIAgent</a> <a href="/search/result?q=%23GitHub" title="#GitHub">#GitHub</a>