CDN と MediaTailor の統合に AWS CloudFormation デプロイされたリソースを使用する - AWS Elemental MediaTailor
再生 URLsビデオプレーヤーを設定する

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

CDN と MediaTailor の統合に AWS CloudFormation デプロイされたリソースを使用する

AWS Elemental MediaTailor AWS CloudFormation スタックによってデプロイされた リソースには、広告挿入でコンテンツにアクセスするために使用する重要な出力がいくつか用意されています。 AWS CloudFormation スタックが正常に作成されたら、出力を使用して広告が挿入されたコンテンツにアクセスする方法を理解する必要があります。これは、手動セットアップで MediaTailor URLsを使用する方法と似ていますが、 AWS CloudFormation デプロイではこれらの URLsが自動的に提供されます。

デプロイが成功すると、 AWS CloudFormation スタックには、広告挿入を使用してコンテンツにアクセスするために使用する重要な出力がいくつか用意されます。

CloudFrontDomainName

CloudFront ディストリビューションのドメイン名 ( などd1234abcdef.CloudFront.net）

HlsManifestUrl

広告挿入を含む HLS マニフェストの基本 URL (例: https://d1234abcdef.CloudFront.net/v1/master/12345/my-playback-config/)

DashManifestUrl

広告挿入を含む DASH マニフェストの基本 URL (例: https://d1234abcdef.CloudFront.net/v1/dash/12345/my-playback-config/)

MediaTailorPlaybackConfigName

作成された MediaTailor 再生設定の名前 (my-stack-PlaybackConfig など）

再生 URLs

広告を含むコンテンツの完全な再生 URL を作成するには、 AWS CloudFormation 出力のベース URL を特定のマニフェストパスと組み合わせる必要があります。これは、既存のコンテンツを広告挿入システムに接続するため、ブロードキャストプロフェッショナルが理解すべき重要なステップです。

  1. 出力から適切なマニフェスト URL から開始します。

    HlsManifestUrl: https://d1234abcdef.CloudFront.net/v1/master/12345/my-playback-config/

  2. 特定のマニフェストパスを追加します。

    Your manifest path: channel/index.m3u8

  3. 完全な再生 URL は次のようになります。

    https://d1234abcdef.CloudFront.net/v1/master/12345/my-playback-config/channel/index.m3u8

動的に挿入された広告でコンテンツを再生するには、ビデオプレーヤーでこの URL を使用します。

ヒント

マニフェストパスが不明な場合は、オリジンサーバーを確認してください。MediaPackage オリジンの場合、これはエンドポイントの HLS または DASH マニフェストへのパスです。Amazon S3 オリジンの場合、これはバケット内のマニフェストファイルへのパスです。

MediaTailor URL 構造の詳細については、「」を参照してくださいMediaTailor との CDN 統合を設定する。

ビデオプレーヤーを設定する

再生 URL を取得したら、それを使用するようにビデオプレーヤーを設定する必要があります。ブロードキャストプロフェッショナルの場合、これは任意の HLS または DASH ストリームにプレイヤーを設定するのに似ていますが、ストリームにパーソナライズされた広告が含まれるようになりました。一般的なHLS.js プレイヤーを使用した簡単な例を次に示します。

<!DOCTYPE html>
<html>
<head>
    <title>MediaTailor Playback Example</title>
    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
    <video id="video" controls style="width: 640px; height: 360px;"></video>
    
    <script>
        const video = document.getElementById('video');
        const mediaUrl = 'https://<replaceable>d1234abcdef.CloudFront.net</replaceable>/v1/master/<replaceable>12345</replaceable>/<replaceable>my-playback-config</replaceable>/<replaceable>channel/index.m3u8</replaceable>';
        
        if (Hls.isSupported()) {
            const hls = new Hls();
            hls.loadSource(mediaUrl);
            hls.attachMedia(video);
        } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
            video.src = mediaUrl;
        }
    </script>
</body>
</html>

次のようなプロのブロードキャストプレイヤーを使用することもできます。

  • JW プレイヤー

  • Bitmovin プレイヤー

  • THEOplayer

  • Video.js

MediaTailor とのプレイヤー統合の詳細については、「」を参照してくださいとの広告サーバー統合の要件 AWS Elemental MediaTailor。