前提条件 CloudFront ディストリビューションの設定キャッシュ動作の設定 MediaTailor 設定の更新統合のテスト設定例次のステップ

MediaTailor との基本的な CloudFront 統合を設定する

AWS Elemental MediaTailor Amazon CloudFront との統合により、ビューワーのコンテンツ配信パフォーマンスが向上します。このトピックでは、MediaTailor の基本的な CloudFront ディストリビューションを設定する方法について説明します。この統合により、ビューワーは CloudFront ネットワークを介してパーソナライズされたコンテンツにアクセスできます。また、さまざまなコンテンツタイプに適切なキャッシュを設定する方法についても説明します。

認可とルーティングのために CloudFront を介してクエリパラメータを渡す方法については、「」を参照してくださいMediaTailor マニフェストクエリパラメータ。動的変数を使用した高度なルーティングについては、「」を参照してください複数のコンテンツソースの MediaTailor ドメイン変数。

前提条件

MediaTailor で CloudFront を設定する前に、以下があることを確認してください。

CloudFront ディストリビューションを作成および管理するためのアクセス許可を持つアクティブな AWS アカウント
設定された MediaTailor 再生設定 (「」を参照AWS Elemental MediaTailor を使用して広告を挿入する)
コンテンツオリジンサーバーが適切にセットアップされ、アクセス可能である
動画ストリーミングの概念に関する基本的な理解 (HLS/DASH)

CloudFront ディストリビューションの設定

MediaTailor の CloudFront ディストリビューションを作成および設定するには、次の手順に従います。

MediaTailor の CloudFront ディストリビューションを作成するには

AWS マネジメントコンソールにサインインし、https://console.aws.amazon.com/cloudfront/v3/home で CloudFront コンソールを開きます。
[ディストリビューションを作成] を選択します。
オリジンドメインには、MediaTailor エンドポイント URL (例: ) を入力しますa1b2c3d4.mediatailor.us-west-2.amazonaws.com。
Protocol では、HTTPS のみを選択します。
Name には、このオリジンを識別するのに役立つ名前を入力します (例: mediatailor-origin)。
デフォルトのキャッシュ動作設定を構成します。
1. パスパターンには、デフォルト値 () を使用します*。
2. オブジェクトを自動的に圧縮するには、「はい」を選択します。
3. ビューワープロトコルポリシーで、HTTP を HTTPS にリダイレクトを選択します。
4. 許可された HTTP メソッドでは、GET、HEAD を選択します。
5. キャッシュポリシーで、CachingDisabled を選択します。
6. オリジンリクエストポリシーで、AllViewer を選択して、デフォルトの動作のすべてのヘッダーを転送します。
  
  注記
  デフォルトの動作では、AllViewer を使用して、特定のパスパターンに一致しないコンテンツを安全に処理します。マニフェストとセグメントの特定のキャッシュ動作は、適切なポリシーで個別に設定されます。
ディストリビューション設定を構成します。
1. Price クラスで、対象者のロケーションに最も適したオプションを選択します。
2. AWS WAF ウェブ ACL の場合は、既存のウェブ ACL を選択するか、「セキュリティ保護を有効にしない」のままにします。
3. デフォルトルートオブジェクトの場合は、空のままにします。
4. 標準ログ記録では、オンを選択してログ記録を有効にします。
[ディストリビューションを作成] を選択します。

キャッシュ動作の設定

ディストリビューションを作成したら、さまざまなタイプのコンテンツを適切に処理するように追加のキャッシュ動作を設定する必要があります。このセクションでは、CloudFront の基本的なキャッシュ動作の設定について説明します。

高度な TTL 設定、キャッシュキー設定、パフォーマンスチューニングなどの包括的なキャッシュ最適化については、CDN 最適化ガイドCDN と MediaTailor の統合のキャッシュ最適化の「」を参照してください。

マニフェストキャッシュ動作の設定

マニフェストにはパーソナライズされたコンテンツが含まれているため、キャッシュしないでください。キャッシュ動作を設定するには、次の手順に従います。

マニフェストキャッシュの動作を設定するには

CloudFront コンソールで、ディストリビューションを選択します。
[Behaviors] タブを選択します。
[Create behavior] (動作の作成) を選択します。
パスパターンには、と入力*.m3u8して HLS マルチバリアントとメディアプレイリストを一致させます。
オリジンで、MediaTailor オリジンを選択します。
キャッシュポリシーで、CachingDisabled を選択します。
オリジンリクエストポリシーで、AllViewer を選択して、動的コンテンツに必要なすべてのヘッダーを転送します。
[作成] を選択します。
MPDs に一致するパスパターンを使用して*.mpd、DASH マニフェストに対してこれらのステップを繰り返します。

この設定により、各ビューワーは特定の広告コンテンツを含むパーソナライズされたマニフェストを受信できます。CDN はこれらのマニフェストをキャッシュしないため、各リクエストは MediaTailor に直接送信されます。

セグメントキャッシュ動作の設定

広告セグメントとコンテンツセグメントに個別のキャッシュ動作を設定して、パフォーマンスを最適化し、CORS の適切な処理を確保します。

広告セグメントのキャッシュ動作の設定

/tm/* パスパターンを通じて提供される広告セグメントには、CORS を適切に処理するための特定の設定が必要です。以下の手順に従ってください。

広告セグメントのキャッシュ動作を設定するには

CloudFront コンソールで、ディストリビューションを選択します。
[Behaviors] タブを選択します。
[Create behavior] (動作の作成) を選択します。
パスパターンには、MediaTailor が提供する広告セグメントと一致する/tm/*ようにと入力します。
オリジンで、MediaTailor セグメントのオリジン (segments.mediatailor.region.amazonaws.comホスト名を使用) を選択します。
キャッシュポリシーで、CachingOptimized を選択します。
オリジンリクエストポリシーで、なしを選択します。
レスポンスヘッダーポリシーで、CORS-with-preflight-and-SecurityHeadersPolicy を選択して、適切な CORS ヘッダーがレスポンスに含まれていることを確認します。
[作成] を選択します。

コンテンツセグメントのキャッシュ動作の設定

コンテンツセグメントでは、パフォーマンスを最適化するために標準のキャッシュポリシーを使用できます。セグメント形式ごとに個別の動作を設定します。

コンテンツセグメントのキャッシュ動作を設定するには

CloudFront コンソールで、ディストリビューションを選択します。
[Behaviors] タブを選択します。
[Create behavior] (動作の作成) を選択します。
パスパターンには、HLS コンテンツセグメントと一致する*.tsようにと入力します。
オリジン で、コンテンツオリジンを選択します。
キャッシュポリシーで、CachingOptimized を選択します。
オリジンリクエストポリシーで、なしを選択します。
レスポンスヘッダーポリシーで、CORS-with-preflight-and-SecurityHeadersPolicy を選択して、すべてのコンテンツタイプで一貫した CORS 処理を確保します。
[作成] を選択します。
適切なパスパターンを使用して、他のコンテンツセグメント形式に対してこれらのステップを繰り返します。
- *.mp4 MP4 セグメントの
- *.m4s DASH セグメントの
- *.cmfv CMAF セグメント*.cmfaのおよび

この設定により、広告セグメントとコンテンツセグメントが適切な CORS 処理で適切にキャッシュされます。広告セグメントは CORS 保護で MediaTailor セグメントオリジンを使用し、コンテンツセグメントは最適化されたキャッシュポリシーでコンテンツオリジンを使用します。

MediaTailor 設定の更新

CloudFront ディストリビューションを設定したら、CloudFront ドメインを使用するように MediaTailor 設定を更新します。

MediaTailor 設定を更新するには

MediaTailor コンソールを開きます。
更新する設定を選択します。
CDN 設定セクションで、CDN コンテンツセグメントプレフィックスフィールドに CloudFront ディストリビューションドメイン名 ( などd1234abcdef.cloudfront.net) を入力します。
変更内容を保存します。

この設定では、MediaTailor はオリジンに直接ではなく CloudFront ディストリビューションを指す URLs を持つマニフェストを生成します。

統合のテスト

CloudFront ディストリビューションを設定し、MediaTailor 設定を更新したら、統合をテストします。

CloudFront と MediaTailor の統合をテストするには

CloudFront ディストリビューションを介してマニフェストをリクエストします (例: https://d1234abcdef.cloudfront.net/v1/master/12345/my-config/index.m3u8)。
マニフェストに CloudFront ドメインを指すセグメント URLsが含まれていることを確認します。
動画プレイヤーを介してコンテンツを再生し、コンテンツと広告の両方が正しく再生されていることを確認します。
CloudFront ログをチェックして、リクエストが正しくルーティングされていることを確認します。

設定例

以下は、適切なキャッシュ動作を持つ MediaTailor の CloudFront ディストリビューション設定の例です。

例 CloudFront ディストリビューション設定の例



{
  "DefaultCacheBehavior": {
    "TargetOriginId": "mediatailor-origin",
    "ViewerProtocolPolicy": "redirect-to-https",
    "AllowedMethods": {
      "Quantity": 2,
      "Items": ["GET", "HEAD"]
    },
    "CachePolicyId": "4135ea2d-6df8-44a3-9df3-4b5a84be39ad",
    "OriginRequestPolicyId": "59781a5b-3903-41f3-afcb-af62929ccde1",
    "Comment": "Default behavior with CachingDisabled and AllViewer"
  },
  "CacheBehaviors": [
    {
      "PathPattern": "*.m3u8",
      "TargetOriginId": "mediatailor-origin",
      "ViewerProtocolPolicy": "redirect-to-https",
      "CachePolicyId": "4135ea2d-6df8-44a3-9df3-4b5a84be39ad",
      "OriginRequestPolicyId": "59781a5b-3903-41f3-afcb-af62929ccde1",
      "Comment": "Manifest behavior with CachingDisabled and AllViewer"
    },
    {
      "PathPattern": "*.ts",
      "TargetOriginId": "mediatailor-origin", 
      "ViewerProtocolPolicy": "redirect-to-https",
      "CachePolicyId": "658327ea-f89d-4fab-a63d-7e88639e58f6",
      "OriginRequestPolicyId": "88a5eaf4-2fd4-4709-b370-b4c650ea3fcf",
      "Comment": "Segment behavior with CachingOptimized and HostHeaderOnly"
    }
  ]
}

この例は、以下を示しています。

デフォルトの動作: CachingDisabledと AllViewerを使用して、特定のパスパターンに一致しないコンテンツを安全に処理します。
マニフェスト動作 (*.m3u8): 動的コンテンツAllViewerに CachingDisabledとを使用します
セグメント動作 (*.ts): CachingOptimizedとを使用します CORS-with-preflight-and-SecurityHeadersPolicy

次のステップ

MediaTailor との基本的な CloudFront 統合を設定したら、次のステップを検討してください。

追加の CloudFront 機能でパフォーマンスを最適化する (「」を参照CloudFront 機能を使用した MediaTailor のパフォーマンスの最適化)
MQAR を使用してマルチリージョンレジリエンスを実装する (「」を参照MQAR を使用して MediaTailor のマルチリージョンレジリエンスを実装する)
モニタリングとトラブルシューティングを設定する (「」を参照CloudFront と MediaTailor の統合のモニタリングとトラブルシューティング)

ブラウザで JavaScript が無効になっているか、使用できません。

AWS ドキュメントを使用するには、JavaScript を有効にする必要があります。手順については、使用するブラウザのヘルプページを参照してください。

ドキュメントの表記規則

CloudFront 統合

パフォーマンスの最適化