S7 プレーヤーでビデオキャプションが正しいタイミングで消えない

S7 (Scene7)ビデオプレーヤーを使用する場合、VTT ファイルで定義された正しい終了時刻にビデオキャプションが非表示にならず、次のキャプションが表示されるまで表示されたままになります。 この問題は、AEMではなく、従来のS7 ビデオプレーヤーの制限が原因で発生します。 新しいScene7 Video Playerに移行すると、キャプションのタイミングが修正され、キャプションが期待どおりに表示および非表示になります。

説明 description

環境

  • Adobe Experience Manager(AEM)Managed Services
  • AEM 6.5
  • S7 (Scene7)ビデオプレーヤー
  • Adobe Experience Manager as a Cloud Service (AEMaaCS)

問題/症状

  • キャプションは、S7 ビデオプレーヤーの正しい開始時間に表示されます。
  • キャプションは、定義されたWebVTTの終了時間には表示されません。
  • キャプションは、次のキャプションが表示されるまで表示されたままになります。
  • キュー間のギャップは、テキストを表示しない代わりに前のキャプションを表示します。

解決策 resolution

この問題を解決するには、次の手順に従います。

  1. 実装でレガシーS7 (Scene7)ビデオプレーヤーを使用しているかどうかを確認します。 次のいずれかの方法を使用します。

    1. ブラウザーでビューアーURLを確認する

      • 影響を受けるページを開きます。

      • 動画を始める。

      • ブラウザー開発者ツールで、「ネットワーク」タブを開き、ビューアーまたはiframeのURLを探します。

      • URLに基づいてプレーヤーを特定します。

        • .../s7viewers/html5/VideoViewer.html?... - レガシーS7 ビデオプレーヤー
        • .../dmviewers/html5/VideoViewer.html?... – 新しいDynamic Media ビデオプレーヤー
    2. 埋め込みコードを確認する(手動実装の場合)

      • レガシーS7 プレーヤー

        • スクリプト URL: .../s7viewers/html5/js/VideoViewer.js
        • JavaScript クラス:s7viewers.VideoViewer
      • 新しいビデオプレーヤー

        • スクリプト URL: .../dmviewers/html5/js/VideoViewer.js
        • JavaScript クラス:dmviewers.VideoViewer実装で/s7viewers/…またはs7viewers.VideoViewerを使用している場合、それは従来のS7 ビデオ プレーヤーを使用しているため、キャプションのスティッキネスの問題が発生します。
  2. 行動の理解: 従来のS7 ビデオプレーヤーでは、次のキャプションが表示されるまでキャプションが表示されたままになります。 この動作は想定内です。 再生が従来のS7 ビューアに依存している限り、AEM 6.5またはAEM as a Cloud Serviceを使用しているかどうかに関係なく発生します。

  3. 新しいScene7/Dynamic Media Video Playerに移行します。 新しいビデオプレーヤーは、キャプションのタイミングを修正し、キャプションがキュー時間の後に正しく消えるように修正しました。

    • 新しいビデオ プレーヤーへのアクセスを有効にする。 Adobe ブログのガイダンスに従って、アクセスをリクエストしてください。AEM Dynamic Mediaの次世代ビデオプレーヤーの紹介 – 早期アクセス中。 Adobeでアカウントのアクセスを有効にした後、新しいVideo Playerの使用を開始できます。

    • 実装を更新。 AEM コンポーネント(Dynamic Media ビデオコンポーネント)を使用する場合:

      • AEMでビデオアセットを開きます。
      • ビューアパネルで、新しいプレーヤー(/dmviewers/…)を使用するビューアプリセットを選択します。
      • AEM Sites ページで、Dynamic Media コンポーネントを編集します。
      • 新しいビデオプレーヤー用に設定されたビューアプリセットを選択します。 該当する場合は、同じアセットと設定を維持します。 ビューアの実装のみを更新します。
    • 上記のブログ記事を、ドキュメントと実装ガイダンスの出発点として使用します。

メモ:

  • このキャプションの動作は、AEM 6.5とAEM as a Cloud Serviceの両方の従来のS7 ビューアで発生します。

  • 新しいScene7/Dynamic Media Video Playerでは、次の機能が提供されます。

    • WebVTT キャプションのタイミング間隔の正しい処理
    • パフォーマンスの向上
    • 強化されたアクセシビリティ機能

関連トピックス

AEM Dynamic Mediaの次世代ビデオプレーヤーの紹介

recommendation-more-help
experience-cloud-kcs-help-kbarticles