#RendleySDKとは何か?ブラウザでビデオ編集したい開発者向けに設計されたビデオ編集SDK #七31

https://docs.rendley.com
RendleySDKとは何か?ブラウザでビデオ編集したい開発者向けに設計されたビデオ編集SDK　#七31

紹介

Rendley SDK へようこそ。Rendley SDK は、ブラウザで強力でカスタマイズ可能なビデオ編集エクスペリエンスを作成したい開発者向けに設計されたビデオ編集 SDK です。

Rendley SDK は、コンポジション、エフェクト、フィルター、再生、レンダリング、分割、トリミングなどを処理する包括的な API セットを提供することで、ビデオ編集の複雑さを取り除きます。Rendley を使用すると、革新的なビデオ エディター、ソーシャル メディア スタイルのビデオ編集エクスペリエンス、テキストからビデオへのアプリケーションの構築に集中したり、独自のカスタム プロジェクトと統合したりすることもできます。

プロセスをさらに簡素化するために、私たちは持っています 事前に構築されたインターフェイス これにより、わずか数行のコードでビデオ編集機能を Web サイトに埋め込むことができます。

最大限のパフォーマンスを実現するために、レンダリングには WebGL を活用し、ハードウェア アクセラレーションのエンコードとデコードには WebCodecs API を活用しています。サポートしていないブラウザの場合 WebCodecs API （新しいタブで開きます）を選択します, 、私たちはシームレスにffmpegのブラウザベースのバージョンにフォールバックします。

Rendley の特徴はモジュール設計であり、独自のカスタム フィルター、エフェクト、トランジション、ストレージ プロバイダーなどで拡張できます。この柔軟性により、特定のニーズに合わせた独自のビデオ編集エクスペリエンスを作成できます。

次のセクションでは、Rendley SDK の機能、API、およびユースケースについて詳しく説明します。プログレードのビデオ エディターを構築する場合でも、ソーシャル メディア スタイルのビデオ編集エクスペリエンスを構築する場合でも、このドキュメントは Rendley SDK を開始するプロセスをガイドします。

使用法

このセクションでは、Rendley SDK のすべてのコンポーネントがどのように連携して強力なビデオ編集エクスペリエンスを実現するかを検討します。

定義

Rendley SDK は、その基本アーキテクチャを理解するために不可欠ないくつかの重要な概念を中心に構築されています。これらのそれぞれを詳しく見てみましょう:

エンジン:すべてをまとめて保持するコアクラスで、すべての Rendley SDK 機能に単一のアクセスポイントを提供します。

表示:すべての変更と修正がリアルタイムで表示されるキャンバス。

図書館: 画像、ビデオ、オーディオなどのアセットをアップロードして管理する場所。

タイムライン:動画プロジェクトの経時的な表現。クリップ、レイヤー、トランジションを配置して同期できるため、編集のタイミングと順序を正確に制御できます。

レイヤー:レイヤーは、動画構成の構成要素です。ビデオクリップ、画像、テキスト、オーディオなどを含めることができます。レイヤーを積み重ねて配置することで、複雑な構成を作成できます。

クリップ: クリップは、プロジェクトに追加するビデオセグメント、画像、オーディオファイルなどの個々のメディアです。クリップは独立してトリミング、分割、編集できるため、コンテンツを細かく制御できます。

ワークフロー

これらの概念を組み合わせて、魅力的なビデオ編集エクスペリエンスを作成する方法は次のとおりです:

1 を取得します。ライセンスを取得します

Rendley SDKを利用するには、ライセンスを取得する必要があります。訪問 レンドリードットコム （新しいタブで開きます）を選択します ライセンスの詳細を取得するには。

2 に準拠している。Rendley SDK はエンジン クラスにシングルトン パターンを使用しているため、プロジェクトのどこからでも同じインスタンスにアクセスできます。以下から始めましょう:

Rendley SDK エンジンは、次の方法で初期化する必要があります <canvas> コンポジションの表示面として機能する要素。

交換する YOUR_LICENSE_NAME そして YOUR_LICENSE_KEY 実際のライセンスで。

3 に準拠しています。コンポジションに画像を追加するには、まず以下を使用してライブラリにアップロードします:

このアクションにより、アップロードされたアセットの一意の識別子が返され、複数のクリップで再利用できることに注意してください。

上の例では、URL からメディアをインポートしました。ただし、File オブジェクト、URL、または UInt8Array を使用することもできるため、メディアのソース方法に柔軟に対応できます。

4 に準拠しています。アセットをアップロードしてもすぐには表示されません。レイヤーにクリップを表示するには、新しいレイヤーを作成し、以下を使用してクリップを追加します:

デフォルトでは、すべてのクリップがディスプレイの中央に配置されます。これは、style プロパティ内に position 属性を設定することで変更できます。

5 に準拠している。レイヤーにクリップを追加したら、以下を使用してコンポジションを再生できます:

6 に準拠している。当社は、内部の複雑さをすべて処理するイベント駆動型アーキテクチャを使用しています。つまり、コンポジションにクリップを追加したり、テキストクリップの内容を変更したりすると、ディスプレイがリアルタイムで自動的に更新されます。さらに、SDK によって発行されたこれらの同じイベントをレーバー表示して、カスタム アクションをトリガーし、必要に応じて固有の要素をレンダリングすることもできます。

これは単なる出発点ですが、ピースがどのように接続されるかについての強固な基盤が得られるはずです。