すべてのプロダクト
Search
ドキュメントセンター

ApsaraVideo VOD:フレームアニメーション

最終更新日:Oct 28, 2024

フレームアニメーション機能を使用して、ビデオの特定の部分を動画に変換できます。 この機能は、ソーシャルメディアやニュースレポートプラットフォーム、マーケティングプロモーションに広く使用されています。 ApsaraVideo VODを使用すると、GIFおよびWebP形式の動的画像を生成できます。 このトピックでは、動画から動画をキャプチャする方法について説明します。

概要

動的画像は、動的効果を生み出すために特定の周波数で切り替わる静止画像のグループである。 ほとんどの動的画像はGIF形式ですが、WebP画像はあまり使用されません。 フレームアニメーション機能を使用すると、ApsaraVideo VODはビデオの特定の部分を動的イメージファイルに変換します。

ビジネス要件に基づいて、GIFまたはWebP形式で動的イメージをエクスポートできます。 次の表に、これらの形式の機能を示します。

Format

メリット

GIF

GIF画像は高い互換性を提供し、ウェブサイトの装飾によく使用されます。

WebP

WebP画像はGIF画像よりもサイズが小さい。 ただし、WebPイメージは、Internet Explorer、Safari、iOS 3.2 13.7、KaiOSブラウザなどの一部のブラウザではサポートされていません。

シナリオ

  • ソーシャルメディアプラットフォームでのコンテンツ共有: ビデオの特定の部分をGIFダイナミックイメージに変換し、そのダイナミックイメージを他のユーザーとすばやく共有できます。 これにより、ビデオのハイライトをキャプチャして視聴者を引き付けることもできます。

  • マーケティングプロモーション: 動画のハイライトを広告用の動的画像に変換できます。 これにより、視聴者の関心を刺激することにより、クリックスルー率 (CTR) とコンバージョン率が向上します。 また、eコマースプラットフォームで動的画像を使用して、製品の機能を表示することもできます。

  • ニュースとエンターテイメント情報の配信: ビデオコンテンツの重要な情報を動的なイメージに変換できます。 このようにして、情報を簡潔に表示することができます。 また、ショーの予告編やエキサイティングな瞬間をダイナミックな画像に変換することもできます。 これにより、視聴者はキーイベントをすばやく閲覧できます。

  • デモンストレーションの説明: 動的画像を使用して、オンラインコースで複雑な概念やステップを説明できます。 これは、学生が知識をよりよく理解し、覚えるのに役立ちます。

課金ルール

フレームアニメーションの料金は、ビデオのトランスコード料金に含まれています。 出力解像度と期間に基づいて課金されます。 詳細については、「基本サービスの課金」をご参照ください。

使用上の注意

  • ソースファイルが画像情報を含まないオーディオファイルである場合、ソースファイルが破損している場合、またはソースファイルのコンテナ形式が無効である場合、スナップショットのキャプチャに失敗する可能性があります。

  • 動的イメージファイルは非同期に生成されます。 フレームアニメーションジョブのステータスは、DynamicImageCompleteコールバックから取得できます。

  • 動画を生成するのに必要な時間は、ファイルサイズ、ビデオの継続時間、およびアニメーションの長さによって異なります。

前提条件

  • ApsaraVideo VODが有効化されています。 詳細については、「ApsaraVideo VODの有効化」をご参照ください。

  • 使用するRAMユーザーまたはRAMロールには、ApsaraVideo VODにアクセスするための対応する権限があります。 RAMユーザーまたはRAMロールを使用して、アカウントとリソースのセキュリティを向上させる操作を実行することを推奨します。 詳細については、「Create and grant permissions to a RAM user」をご参照ください。

ステップ1: フレームアニメーションテンプレートの作成

システムが動的画像を生成するとき、多数のパラメータが使用される。 すべてのパラメーターを含むフレームアニメーションリクエストを送信すると、この機能の使用が難しくなります。 ApsaraVideo VODは、フレームアニメーションテンプレートを提供します。 テンプレートに関連するパラメーターを設定し、フレームアニメーションリクエストの送信時にテンプレートのIDを指定できます。

コンソールを使用したフレームアニメーションテンプレートの作成

  1. ApsaraVideo VODコンソールにログインします。

  2. 左側のナビゲーションウィンドウで、[設定管理]> [メディア処理]> [フレームアニメーションテンプレート] を選択します。

  3. [フレームアニメーションテンプレート] ページで、[テンプレートの追加] をクリックします。 [フレームアニメーションテンプレートの作成] ページで、フレームアニメーションテンプレートを作成します。 下表に、各パラメーターを説明します。

    パラメーター

    説明

    テンプレート名

    フレームアニメーションテンプレートの名前。 名前は4 ~ 64文字である必要があります。 英数字、ハイフン (-) 、アンダースコア (_) を使用できます。

    出力フォーマット

    出力ダイナミックイメージのフォーマット。 有効な値: gifおよびwebp

    フレームレート

    ダイナミック画像のフレームレート。 有効な値: (0,60) 。

    サイズ (幅 × 高さ)

    ダイナミックイメージの幅と高さ。 単位: ピクセル。

    説明
    • WidthまたはHeightを設定しない場合、動画の幅と高さは入力ビデオの幅と高さと同じになります。

    • WidthまたはHeightのみを設定する場合、他のパラメーターは入力ビデオのアスペクト比に基づいて自動的に設定され、動画像が歪まないようにします。

    トリムモード

    動画の特定の部分をキャプチャして動画を生成するために使用される方法。 [Trim from Beginning] または [Trim from Beginning and End] を選択できます。

    最初から

    ビデオの最初からトリミングされた期間。 有効な値: 0.000〜86399.999。 単位は秒です。

    有効期間

    ダイナミックイメージの持続時間。 有効な値: 0.000〜86399.999。 単位は秒です。

    説明

    このパラメーターは、トリムモードを [最初からトリム] に設定した場合にのみ必要です。

    終わりから

    ビデオの最後からトリミングされた期間。 有効な値: 0.000〜86399.999。 単位は秒です。

    説明

    このパラメーターは、トリムモードを [開始および終了からトリム] に設定した場合に必要です。

    デフォルトカバーとして使用

    この機能を有効にすると、キャプチャされた動画が自動的にビデオサムネイルとして使用されます。

  4. [保存] をクリックします。

    テンプレートの作成後、[フレームアニメーションテンプレート] ページでテンプレートを表示できます。动图模板.png

API操作によるフレームアニメーションテンプレートの作成

フレームアニメーションテンプレートを作成するには、AddVodTemplate操作を呼び出し、TemplateTypeパラメーターにDynamicImageを指定します。 ビジネス要件に基づいて他のパラメーターを設定できます。

テンプレートが作成されると、VodTemplateIdフィールドが返されます。

手順2: (オプション) フレームアニメーションジョブのイベント通知の設定

フレームアニメーションジョブを送信する前に、DynamicImageCompleteイベント通知を設定することを推奨します。 これにより、ジョブの完了後にフレームアニメーションジョブのステータスとキャプチャされた動画のURLを取得できます。 詳細については、「DynamicImageComplete」をご参照ください。

イベント通知の設定方法の詳細については、「コールバックの設定」をご参照ください。

ステップ3: フレームアニメーションのジョブを送信する

コンソールを使用してフレームアニメーションジョブを送信する

  1. フレームアニメーションノードを含むワークフローを作成します。

    ApsaraVideo VODコンソールを使用してフレームアニメーションジョブを送信する場合は、ワークフローを作成し、[フレームアニメーション] ノードを追加してから、手順1で作成したフレームアニメーションテンプレートを指定する必要があります。 ワークフローの作成方法の詳細については、「ワークフローの管理」をご参照ください。

  2. フレームアニメーションジョブを送信します。

    • シナリオ1: ビデオをアップロードするときにフレームアニメーションジョブを送信する

      1. ApsaraVideo VODコンソールにログインします。 左側のナビゲーションウィンドウで、[メディアファイル] > [オーディオ /ビデオ] を選択します。

      2. [ビデオとオーディオ] ページで、[アップロード] をクリックします。 [メディアのアップロード] ページで、[メディアの追加] をクリックします。

      3. アップロード方法とストレージバケットを指定し、アップロードするビデオを選択します。 次に、ドロップダウンリストから [ワークフローの使用] を選択し、作成したワークフローを選択します。

      4. [アップロード] をクリックします。

    • シナリオ2: ビデオのアップロード後にフレームアニメーションジョブを送信する

      1. ApsaraVideo VODコンソールにログインします。 左側のナビゲーションウィンドウで、[メディアファイル] > [オーディオ /ビデオ] を選択します。

      2. [ビデオとオーディオ] ページで、動画をキャプチャするファイルを見つけ、[操作] 列の [メディア処理] をクリックします。

      3. [メディア処理] ダイアログボックスで、[処理タイプ][ワークフローの使用] に設定し、[ワークフロー] ドロップダウンリストから作成したワークフローを選択します。

      4. [アップロード] をクリックします。

API操作を呼び出してフレームアニメーションジョブを送信する

  • シナリオ1: ビデオをアップロードするときにフレームアニメーションジョブを送信する

    1. フレームアニメーションノードを含むワークフローを作成します。

      ワークフローを作成し、ワークフローにフレームアニメーションノードを追加してから、手順1で作成したフレームアニメーションテンプレートを指定します。 ワークフローの作成方法の詳細については、「ワークフローの管理」をご参照ください。

    2. 次のAPI操作を呼び出してフレームアニメーションジョブを送信するには、前の手順で作成したワークフローのIDをWorkflowIdパラメーターに指定し、ビジネス要件に基づいて他のリクエストパラメーターを設定します。

  • シナリオ2: ビデオのアップロード後にフレームアニメーションジョブを送信する

    特定のビデオのフレームアニメーションジョブを送信するには、SubmitDynamicImageJob操作を呼び出し、DynamicImageTemplateIdパラメーターを手順1で作成したフレームアニメーションテンプレートのIDに設定し、ビジネス要件に基づいてその他のリクエストパラメーターを設定します。

ステップ4: 取得した動画に関する情報

  • DynamicImageCompleteイベント通知を設定した場合は、コールバックメッセージから動的イメージが生成されるかどうかを確認できます。 DynamicImageCompleteイベント通知を設定することを推奨します。

  • ダイナミックイメージをキャプチャしたら、ListDynamicImage操作を呼び出して、ダイナミックイメージに関する情報を取得します。

説明

動画イメージを動画サムネイルとして設定している場合は、GetVideoInfo操作を呼び出して、動画イメージのURLを取得します。