使用 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 清单的基本网址（例如，https: d1234abcdef.CloudFront.net ///v 12345 1/master//）my-playback-config

DashManifestUrl

带有广告插入功能的 DASH 清单的基本网址（例如，https: d1234abcdef.CloudFront.net ///v1/d 12345 ash///）my-playback-config

MediaTailorPlaybackConfigName

已创建的 MediaTailor 播放配置的名称（例如my-stack-PlaybackConfig）

构造回放 URLs

要为包含广告的内容创建完整的播放网址，您需要将 AWS CloudFormation 输出中的基本网址与您的特定清单路径相结合。这是广播专业人士需要理解的关键步骤，因为它可以将您现有的内容与广告插入系统联系起来。

  1. 从输出中相应的清单 URL 开始：

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

  2. 追加您的特定清单路径：

    Your manifest path: channel/index.m3u8

  3. 完整的播放网址变为：

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

在视频播放器中使用此网址播放带有动态插入广告的内容。

提示

如果您不确定清单路径应该是什么，请检查您的源服务器。对于 MediaPackage 源站来说，这是通往终端节点的 HLS 或 DASH 清单的路径。对于 Amazon S3 来源，这是存储桶内清单文件的路径。

有关 MediaTailor URL 结构的更多信息，请参阅通过以下方式设置 CDN 集成 MediaTailor。

配置视频播放器

获得播放 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 Player

  • Bitmovin 播放器

  • THEOplayer

  • Video.js

有关玩家与集成的更多信息 MediaTailor，请参阅MediaTailor 广告服务器集成要求。