

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

# 使用已 CloudFormation 部署的資源進行 CDN 和 MediaTailor 整合
<a name="use-deployed-resources"></a>

AWS Elemental MediaTailor AWS CloudFormation 堆疊部署的資源提供數個重要輸出，您將用來透過廣告插入來存取您的內容。成功建立 CloudFormation 堆疊後，您需要了解如何使用輸出來存取插入廣告的內容。這類似於您在手動設定中使用 MediaTailor URLs 的方式，但 CloudFormation 部署會自動提供這些 URLs。

成功部署後， 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
<a name="construct-playback-urls"></a>

若要使用廣告建立內容的完整播放 URL，您需要將 CloudFormation 輸出的基本 URL 與您的特定資訊清單路徑合併。這是廣播專業人員了解的關鍵步驟，因為它會將您現有的內容與廣告插入系統連線。

1. 從輸出的適當資訊清單 URL 開始：

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

1. 附加您的特定資訊清單路徑：

   ```
   Your manifest path: channel/index.m3u8
   ```

1. 完整的播放 URL 會變成：

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

在影片播放器中使用此 URL 播放動態插入廣告的內容。

**提示**  
如果您不確定資訊清單路徑應該是什麼，請檢查您的原始伺服器。對於 MediaPackage 原始伺服器，這是端點 HLS 或 DASH 資訊清單的路徑。對於 Amazon S3 原始伺服器，這是儲存貯體中資訊清單檔案的路徑。

如需 MediaTailor URL 結構的詳細資訊，請參閱 [設定與 MediaTailor 的 CDN 整合](cdn-configuration.md)。

## 設定影片播放器
<a name="configure-video-player"></a>

在您擁有播放 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 整合的詳細資訊，請參閱 [MediaTailor 廣告伺服器整合需求](vast.md)。