ポスター画像およびサムネイル画像のキャプチャ

このトピックでは、Media モジュールを使用してポスター画像およびサムネイル画像をキャプチャする方法を説明します。

Video Cloud アカウント内の動画には、ポスター画像とサムネイル画像が関連付けられています。これらの画像は、視聴者がプレイリストやその他のコンテンツ一覧の中から視聴したい動画を選ぶ手助けとなります。ポスター画像およびサムネイル画像は、以下の場所で表示されます:

  • Media モジュール内では、サムネイル画像が動画の横に表示され、ポスター画像は動画プロパティページのプレビュー プレーヤーに表示されます
  • プレイリストを公開する際にサムネイル画像が表示されます
  • 動画の再生前または再生後に、プレーヤーの再生エリアにポスター画像が表示されます

Video Cloud にアップロードされた動画には、中間点でのスナップショットを使用して、ポスター画像とサムネイル画像が自動的に生成されます。Video Cloud は、再生可能な最高品質の MP4 レンディションから画像をキャプチャしようとします。MP4 レンディションが存在しない場合は、次に HLS レンディション、次いで DASH レンディションから取得を試みます。

クライアントサイドの画像キャプチャでは、ブラウザが再生できる最大レンディションのフレームを取得し、デフォルトのトランスコードプロファイルに指定されたポスターおよびサムネイルのサイズ情報とともに、Video Cloud の取り込みプロセスに送信します。プロファイルのサイズが取得できたフレームより大きい場合、画像はリサイズまたはスケーリングされません。逆に小さい場合、画像は縮小されます。ポスターおよびサムネイル画像の品質を向上させる方法については、ポスターおよびサムネイル画像の品質向上をご覧ください。

また、別の画像をアップロードしてポスター画像やサムネイル画像として使用することも可能です。

要件

画像キャプチャ機能には、現在以下の要件があります:

  • Chrome、Safari(バージョン10以降)、Firefox、Edge ブラウザがサポートされています
  • 動画レンディションには CORS ヘッダーが付与されている必要があります(Brightcove の標準 CDN ではデフォルトで有効になっています)。BYO CDN を使用している場合は、画像キャプチャが機能するようにサーバーで CORS ヘッダーを有効にしてください
  • 最新バージョンの Chrome および Firefox を使用している場合、モバイル デバイスでも画像キャプチャは動作します
  • DRM で保護された動画では画像キャプチャはサポートされていません
  • 制限付きのトライアルアカウントでは画像キャプチャはサポートされていません。制限を解除するには Brightcove にお問い合わせください

画像キャプチャが利用できない場合、画像キャプチャボタンは通常無効化されています。

新しいポスター画像およびサムネイル画像をキャプチャする手順

新しいポスター画像またはサムネイル画像をキャプチャするには、以下の手順に従ってください:

  1. Media モジュールを開きます。
  2. 編集したい動画のリンクをクリックします。
  3. ページ上部のプレビュー プレーヤーを使って動画を再生し、ポスター/サムネイル画像として保存したいフレームで一時停止します。プレーヤーの進行バーをスクラブして別のフレームにジャンプすることもできます。
  4. キャプチャ をクリックします。
  5. ページ上部のプレビュー プレーヤーに現在の動画フレームが表示されます。ポスター画像および/または サムネイル画像をキャプチャするかどうかをチェックボックスで選択します。
  6. 保存 をクリックして新しい画像を保存します。処理が完了し、Media モジュールに画像が表示されるまでに少し時間がかかる場合があります。

制限事項

  • 取り込みシステムでは、同じ動画に対する同時ジョブは許可されていません。そのため、動画が取り込み中または再トランスコード中に画像キャプチャを行おうとすると、キャプチャは失敗します。
  • ポスター画像およびサムネイル画像のキャプチャ機能は、Video Cloud Studio 機能からのみ利用可能であり、API 経由では利用できません。