使用已 AWS CloudFormation 部署的資源進行 CDN 和 MediaTailor 整合 - AWS Elemental MediaTailor
建構播放 URLs設定影片播放器

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

使用已 AWS CloudFormation 部署的資源進行 CDN 和 MediaTailor 整合

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。