Gunakan sumber daya yang AWS CloudFormation digunakan untuk CDN dan integrasi MediaTailor - AWS Elemental MediaTailor
Membangun pemutaran URLsKonfigurasikan pemutar video

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Gunakan sumber daya yang AWS CloudFormation digunakan untuk CDN dan integrasi MediaTailor

AWS Elemental MediaTailor resource yang digunakan oleh AWS CloudFormation stack menyediakan beberapa output penting yang akan Anda gunakan untuk mengakses konten Anda dengan penyisipan iklan. Setelah AWS CloudFormation tumpukan berhasil dibuat, Anda harus memahami cara menggunakan output untuk mengakses konten Anda dengan iklan yang disisipkan. Ini mirip dengan bagaimana Anda akan menggunakan MediaTailor URLs dalam pengaturan manual, tetapi AWS CloudFormation penerapan menyediakannya URLs secara otomatis.

Setelah penerapan berhasil, AWS CloudFormation tumpukan menyediakan beberapa output penting yang akan Anda gunakan untuk mengakses konten Anda dengan penyisipan iklan:

CloudFrontDomainName

Nama domain CloudFront distribusi Anda (mis.,d1234abcdef.CloudFront.net)

HlsManifestUrl

URL dasar untuk manifes HLS dengan penyisipan iklan (mis., https:///v1/master//d1234abcdef.CloudFront.net/12345) my-playback-config

DashManifestUrl

URL dasar untuk manifes DASH dengan penyisipan iklan (mis., https://d1234abcdef.CloudFront.net.rproxy.govskope.ca12345/v1/dash///) my-playback-config

MediaTailorPlaybackConfigName

Nama konfigurasi MediaTailor pemutaran yang dibuat (sepertimy-stack-PlaybackConfig)

Membangun pemutaran URLs

Untuk membuat URL pemutaran lengkap untuk konten Anda dengan iklan, Anda harus menggabungkan URL dasar dari AWS CloudFormation output dengan jalur manifes spesifik Anda. Ini adalah langkah penting bagi para profesional penyiaran untuk memahami, karena menghubungkan konten Anda yang ada dengan sistem penyisipan iklan.

  1. Mulailah dengan URL manifes yang sesuai dari output:

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

  2. Tambahkan jalur manifes spesifik Anda:

    Your manifest path: channel/index.m3u8

  3. URL pemutaran lengkap menjadi:

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

Gunakan URL ini di pemutar video Anda untuk memutar konten dengan iklan yang disisipkan secara dinamis.

Tip

Jika Anda tidak yakin seperti apa jalur manifes Anda, periksa server asal Anda. Untuk MediaPackage asal, ini adalah jalur ke manifes HLS atau DASH titik akhir Anda. Untuk asal Amazon S3, ini adalah jalur ke file manifes Anda di dalam bucket.

Untuk informasi selengkapnya tentang struktur MediaTailor URL, lihatMengatur integrasi CDN dengan MediaTailor.

Konfigurasikan pemutar video

Setelah Anda memiliki URL pemutaran, Anda perlu mengonfigurasi pemutar video untuk menggunakannya. Untuk profesional siaran, ini mirip dengan mengonfigurasi pemutar untuk aliran HLS atau DASH apa pun, tetapi sekarang streaming akan menyertakan iklan yang dipersonalisasi. Berikut adalah contoh sederhana menggunakan HLS.js pemain populer:

<!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>

Anda juga dapat menggunakan pemutar siaran profesional seperti:

  • Pemain JW

  • Pemain Bitmovin

  • THEOplayer

  • Video.js

Untuk informasi selengkapnya tentang integrasi pemain dengan MediaTailor, lihatPersyaratan untuk integrasi server iklan dengan AWS Elemental MediaTailor.