Scroll Video Website

概要

• 動画を入力するだけで、コーディングエージェントがスクロール連動型のビデオ体験を構築してくれるオープンソースのAgent Skillです。
• フレーム抽出から読み込み、Canvas描画、レスポンシブ対応まで、制作時に発生しやすい手作業をまとめて自動化します。

主な特徴

• WebP形式への最適化と段階的なフレーム読み込みにより、表示負荷を抑えながら滑らかなスクロール再生を実現します。
• HTML5 Canvasによるレスポンシブ描画、前後どちらにも対応するスクラブ再生、動きを減らす設定への対応を備えています。
• MITライセンスで公開されたオープンソースプロジェクトで、フレームシーケンスの最適化にも対応しています。

こんな人におすすめ

• スクロールに合わせて映像が進む、インタラクティブなランディングページやポートフォリオを効率よく制作したい人に適しています。
• フレーム抽出やCanvas描画、レスポンシブ対応を個別に実装せず、動画から体験全体を素早く生成したい開発者向けです。