Brightcove プレーヤーへのサムネイルシーク機能の追加

このトピックでは、Brightcove プレーヤーにサムネイルシーク機能を追加する方法について説明します。
 

プレーヤーは、プログレスバー上にビデオのサムネイル画像を表示するように設定できます。サムネイル画像は、その時点のビデオのプレビューを表示し、視聴者がビデオをプレビューして特定の位置にジャンプできるようにします。以下のビデオを再生し、プログレスバーにカーソルを合わせると、サムネイルシーク機能を確認できます。

サムネイル画像はいつ生成されますか?

Brightcove はリクエスト時に画像を動的に生成します。Dynamic Delivery で取り込まれたすべてのビデオは、最初のリクエスト時に画像が生成されます。これにより、使用されていないビデオのために画像が生成されることを防ぎます。一度生成された画像は、他の画像と同様に、ローカルおよび CDN にキャッシュされ、繰り返し表示されます。

どのくらいの頻度で画像が生成されますか?

サムネイルリストは、プレーヤーの初期化時のピクセル幅に基づいてフィルター処理されます。このリストは、プレーヤーのスタイル設定、ウィンドウサイズ、プラットフォーム/デバイスなどにより大きく異なります。サムネイルプラグインは、ユーザーがプログレスバーにカーソルを合わせた際、およそ 30 ピクセルごとに新しいサムネイルを表示することを目指しています。たとえば、プレーヤーの幅が 1,500 ピクセルの場合、約 50 個のサムネイルが表示されるようリストがフィルターされます。WebVTT キューの残りの時間間隔は、コンテンツの再生時間に応じて調整されます。

要件

サムネイルシーク機能を使用するには、以下が必要です:

  • Brightcove プレーヤー バージョン 6.41.0 以上
  • Dynamic Delivery のトランスコードプロファイルを使用して取り込まれたビデオ
  • サーバーサイド広告挿入(SSAI)を使用する場合、videojs-ssai プラグイン バージョン 1.10.0 以上

サムネイルシーク機能の設定

デフォルトでは、新しく作成されたプレーヤーにはサムネイルシーク機能が有効になっています。特定のプレーヤーに対してサムネイルシークを設定するには、以下の手順に従ってください:

  1. Players モジュールを開きます。
  2. 設定したいプレーヤーのリンクをクリックします。
  3. 左側のナビゲーションメニューから コントロール をクリックします。
  4. サムネイルのシーク にチェックを入れます。
    Brightcove Plugin
  5. 公開と埋め込み をクリックし、変更を公開 をクリックしてプレーヤーを公開します。変更が公開済みのプレーヤーに反映されるまで、最大で 5 分かかる場合があります。