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.