特定の動画セグメントをキャプチャして動的イメージファイルを生成することで、動画から動的イメージを作成できます。この機能は、SNS 共有、ニュース報道、マーケティングプロモーションなどのシナリオで、動画の要約やサムネイルを作成するためによく使用されます。ApsaraVideo VOD は、GIF および WebP フォーマットでの動的イメージの生成をサポートしています。このトピックでは、ApsaraVideo VOD を使用して動画から動的イメージを作成する方法について説明します。
概要
動的イメージは、一連の静止画を特定の周波数で順番に表示して、モーションエフェクトを作り出すものです。ウェブ上で最も一般的な動的イメージフォーマットは GIF と WebP です。動画から動的イメージを作成するには、特定の動画セグメントを抽出し、それを動的イメージファイルに変換します。
ApsaraVideo VOD は、GIF および WebP フォーマットでの動的イメージの生成をサポートしています。ビジネスニーズに最も適したフォーマットを選択できます。各フォーマットの特徴を次の表に示します。
フォーマット | 特徴 |
GIF | 互換性が高いです。ウェブサイトの装飾によく使用されます。 |
WebP | GIF よりもファイルサイズが大幅に小さいです。ただし、一部のブラウザは WebP をサポートしていません。互換性のないブラウザには、Internet Explorer、iOS Safari 3.2 から 13.7、KaiOS Browser が含まれます。 |
利用シーン
SNS 共有：エキサイティングなビデオクリップから GIF を作成し、簡単に共有できます。また、動的イメージを目を引くコンテンツの要約として使用し、ユーザーに完全な動画の視聴を促すこともできます。
マーケティングプロモーション：広告で動画のハイライトから作成した動的イメージを使用して、ユーザーの関心を引きつけます。これにより、クリック率 (CTR) とコンバージョン率を高めることができます。E コマースサイトでは、動的イメージを使用してプロダクトの特徴を強調したり、機能をデモンストレーションしたりできます。
ニュースとエンターテインメント：ニュース報道では、エディターがニュースイベントの重要な瞬間から動的イメージを作成し、重要な情報を簡潔に提示できます。映画の予告編や番組のハイライトを動的イメージとしてリリースし、視聴者が素早くプレビューできるようにします。
教育用デモ：オンライン教育では、教師が動的イメージを使用して複雑な概念や手順を説明できます。これにより、生徒が情報をよりよく理解し、記憶するのに役立ちます。
課金
動的イメージの生成は動画トランスコーディングの機能であり、それに応じて課金されます。料金は、出力ファイルの解像度と長さに基づきます。詳細については、「メディアトランスコーディングの課金」をご参照ください。
注意事項
ソースファイルが音声のみの場合、ソースファイルが破損している場合、またはソースファイルに異常なカプセル化情報がある場合、動的イメージの生成に失敗することがあります。
動的イメージの作成プロセスは非同期です。動的イメージジョブのステータスは、DynamicImageComplete コールバックから取得できます。
動的イメージの作成に必要な時間は、ファイルサイズ、動画の長さ、および動的イメージの長さによって異なります。
前提条件
ApsaraVideo VOD がアクティベートされていること。詳細については、「ApsaraVideo VOD のアクティベート」をご参照ください。
使用する RAM ユーザーまたは RAM ロールに、ApsaraVideo VOD にアクセスするための対応する権限が付与されていること。アカウントとリソースのセキュリティを向上させるために、RAM ユーザーまたは RAM ロールを使用して操作を実行することを推奨します。詳細については、「RAM ユーザーの作成と権限付与」をご参照ください。
ステップ 1：動的イメージテンプレートの作成
動的イメージの作成には複数のパラメーターが関わります。ジョブの送信を簡素化するために、ApsaraVideo VOD は動的イメージテンプレートを提供しています。これらのパラメーターをテンプレートに事前設定できます。これにより、動的イメージジョブを送信する際に、ジョブごとにすべてのパラメーターを渡す代わりに、テンプレート ID を指定するだけで済みます。
コンソールの使用
ApsaraVideo VOD コンソールにログインします。
左側のナビゲーションウィンドウで、[設定管理] > [メディア処理] > [フレームアニメーションテンプレート] を選択します。
GIF テンプレートの追加 をクリックし、[動的イメージテンプレートの追加] ページでテンプレートを設定します。
パラメーター
説明
テンプレート名
動的イメージテンプレートの名前。名前は 4～64 文字で、大文字、小文字、数字、ハイフン (-)、アンダースコア (_) を使用できます。
出力フォーマット
出力される動的イメージファイルのフォーマット。有効な値：gif および webp。
フレームレート
動的イメージのフレームレート。値は (0, 60] の範囲の整数である必要があります。
サイズ (幅 × 高さ)
キャプチャされた動的イメージの幅と高さ (ピクセル単位)。
説明幅と高さを設定しない場合、キャプチャされた動的イメージは入力動画と同じ幅と高さになります。
幅または高さのみを設定した場合、イメージの歪みを防ぐため、もう一方のディメンションは入力動画のアスペクト比に基づいてスケーリングされます。
キャプチャ方法
指定された時間範囲内でビデオフレームをキャプチャして動的イメージを生成する方法。持続時間 または 押すと最初または最後に移動します でフレームをキャプチャできます。
開始時刻
動的イメージ用の動画セグメントの開始時刻。値は [0.000, 86399.999] の範囲である必要があります。単位：秒。
期間
開始時刻からの動画セグメントの長さ。値は [0.000, 86399.999] の範囲である必要があります。単位：秒。
説明このパラメーターは、[キャプチャ方法] が 持続時間 に設定されている場合に必須です。
末尾のトリミング
動画の末尾からトリミングする長さ。値は [0.000, 86399.999] の範囲である必要があります。単位：秒。
説明このパラメーターは、[キャプチャ方法] が 押すと最初または最後に移動します に設定されている場合に必須です。
デフォルトのサムネイルとして設定
この機能を有効にすると、キャプチャされた動的イメージが自動的に動画のサムネイルとして設定されます。
保存 をクリックしてテンプレートの設定を完了します。
テンプレートが作成されると、[動的イメージテンプレート] ページで表示できます。
ステップ 2：(オプション) 動的イメージジョブのイベント通知設定
動的イメージジョブを送信する前に、ApsaraVideo VOD のイベント通知を設定できます。DynamicImageComplete イベント通知を設定すると、ジョブの完了後にジョブのステータスと生成された動的イメージの URL を受け取ります。
イベント通知の設定方法の詳細については、「コールバックの設定」をご参照ください。
ステップ 3：動イメージジョブの送信
ステップ 4：キャプチャされた動的イメージに関する情報の取得
イベント通知を設定した場合、DynamicImageComplete コールバックメッセージを受信することで、動的イメージに関する情報を取得できます。この方法を推奨します。
動的イメージが作成された後、ListDynamicImage 操作を呼び出して、生成された動的イメージに関する情報を取得できます。
動的イメージを動画のサムネイルとして設定した場合、GetVideoInfo 操作を呼び出して、動的イメージサムネイルの URL を取得できます。