Search: #WebP

  1. Scroll Video Website: 将视频快速转成滚动驱动的全屏 Canvas 叙事页面生成技能• 输入一段视频即可自动拆分为优化后的 WebP 帧序列,并生成可直接落地的滚动动画网站• 支持渐进式加载、邻近帧回退、双向平滑拖动与插值过渡,滚动体验更顺滑• 内置响应式渲染、设备像素比适配与 reduced motion 兼容,适合产品展示页和品牌叙事场景

    Scroll Video Website: 将视频快速转成滚动驱动的全屏 Canvas 叙事页面生成技能

    • 输入一段视频即可自动拆分为优化后的 WebP 帧序列,并生成可直接落地的滚动动画网站

    • 支持渐进式加载、邻近帧回退、双向平滑拖动与插值过渡,滚动体验更顺滑

    • 内置响应式渲染、设备像素比适配与 reduced motion 兼容,适合产品展示页和品牌叙事场景

    https://github.com/musoyangrigor/scroll-video-website-skill

    合集 群组 恰饭 联系推广

    #前端开发 #滚动动画 #Canvas #WebP #AI #Agent #产品展示页 #GitHub

    • ❤️2
    • 🔥2
    • 👍1
  2. #mac #magick #mogrify #imagemagick #webp #gif #mp4macOS 批量将 webp 转换为 gif, gif 转 mp41. 安装 homebrew2. 安装 brew install imagemagick3. brew info imagemagick 查看 路径例如

    #mac #magick #mogrify #imagemagick #webp #gif #mp4

    macOS 批量将 webp 转换为 gif, gif 转 mp4

    1. 安装 homebrew

    2. 安装 brew install imagemagick

    3. brew info imagemagick 查看 路径

    例如
    
    ==> 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) *

    得到路径 /usr/local/Cellar/imagemagick/7.1.1-29_1

    4. cd /tmp/webp 此为你存放 webp 文件的目录

    5. 使用路径 webp 转 gif /usr/local/Cellar/bin/imagemagick/7.1.1-29_1/mogrify -format gif *.webp

    6. 安装 brew install ffmpeg

    7. gif 转 mp4 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