Repolode
reframe-oss

reframe-oss/reframe

ログイン・アップロード・広告なしで、ブラウザ上だけで動作する無料のオープンソース動画エディター。

代替できる製品:CapCutClipchamp

スター
171
フォーク
354
未解決の Issue
357
最終コミット
5 時間前

これは何?

Reframeは、Next.jsとFFmpeg.wasmで構築されたブラウザベースの動画エディターです。すべての処理はユーザーのデバイス上で行われるため、動画ファイルがサーバーに送信されることはなく、アカウントも不要です。

よく使う手軽な編集機能に重点を置いています。Reels、TikTok、YouTube、InstagramなどのSNS向けプリセットや任意のサイズに動画をリサイズでき、Fit(レターボックス)またはFill(クロップ)でフレームを調整できます。また、開始・終了位置のトリミング、90度単位の回転、音声のミュート、0.25x〜4xの再生速度変更、書き出し前のCRF品質スライダーによる調整も可能です。

MITライセンスで公開されており、BunまたはNode.jsを使ってローカルで実行できるほか、Vercel、Netlify、GitHub Pages、Cloudflare Pagesに静的サイトとしてデプロイできます。Vercelへのデプロイでは、SharedArrayBufferをサポートするためにCOOP/COEPヘッダーが必要です。

主な機能

  • 0111種類のSNS向けプリセットまたは任意のサイズに動画をリサイズ
  • 02出力するアスペクト比に合わせてFit(レターボックス)またはFill(クロップ)を選択
  • 03長さの検証付きで開始・終了位置をトリミング
  • 04動画を90度単位で回転し、音声をミュートして、速度を0.25x〜4xに変更
  • 05CRFスライダーで書き出し品質を調整し、進行状況をリアルタイムで確認

ユースケース

  • 横向きの動画をReelsやTikTokなどの縦型プラットフォーム向けにリサイズ
  • デスクトップソフトをインストールせずに、クリップをすばやくトリミング・変換
  • サードパーティのサーバーにアップロードしたくない機密性の高い映像を編集

クイックスタート

  1. 1

    リポジトリをクローンする

    git clone https://github.com/reframe-oss/reframe.git
  2. 2

    プロジェクトフォルダーに移動する

    cd reframe
  3. 3

    Bun(または npm を使う場合は Node.js 18 以降)で依存関係をインストールする

    bun install
  4. 4

    開発サーバーを起動し、http://localhost:3000 を開く

    bun run dev

使う前に知っておきたいこと

  • メタデータにライセンスの記載はありませんが、README のバッジには MIT とあります。再利用する前に確認してください。
  • 動画処理は WebAssembly を介してブラウザー内で実行され、大量のメモリを使用する場合があります。
  • WebAssembly に対応したブラウザーが必要です。

トピック

よくある質問

reframe とは?
ログイン・アップロード・広告なしで、ブラウザ上だけで動作する無料のオープンソース動画エディター。 Reframeは、Next.jsとFFmpeg.wasmで構築されたブラウザベースの動画エディターです。すべての処理はユーザーのデバイス上で行われるため、動画ファイルがサーバーに送信されることはなく、アカウントも不要です。
reframe は無料で使えますか?ライセンスは?
reframe にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
reframe は今もメンテナンスされていますか?
活発にメンテナンス中。reframe の最終コミットは 2026年10月21日 です。
reframe は何に使えますか?
横向きの動画をReelsやTikTokなどの縦型プラットフォーム向けにリサイズ デスクトップソフトをインストールせずに、クリップをすばやくトリミング・変換 サードパーティのサーバーにアップロードしたくない機密性の高い映像を編集
reframe のインストール方法は?
リポジトリをクローンする: git clone https://github.com/reframe-oss/reframe.git プロジェクトフォルダーに移動する: cd reframe Bun(または npm を使う場合は Node.js 18 以降)で依存関係をインストールする: bun install 開発サーバーを起動し、http://localhost:3000 を開く: bun run dev
reframe はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/reframe-oss/reframe

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト