翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

CloudFront を使用してビデオをストリーミングする

メディアワークフローは、通常、ビデオオンデマンド (VOD) ファイル、HTTP Live Streaming (HLS) パッケージ、イメージ、グラフィックスなどの完成したコンテンツを、エディタ、プロデューサー、オートメーションシステムが NFS または SMB を使用して に書き込む FSx for ONTAP ボリュームに保存します。

Amazon S3 アクセスポイントを FSx for ONTAP ボリュームにアタッチすると、CloudFront はボリュームから直接コンテンツを提供できます。エディタと本番システムは、常にあるように NFS または SMB 経由でボリュームにパブリッシュし、CloudFront はアクセスポイントを介してコンテンツを取得し、ビューワーは最も近い CloudFront エッジロケーションからコンテンツを受け取ります。

このチュートリアルでは、HLS アダプティブビットレートパッケージとしてサンプルビデオをエンコードし、FSx for ONTAP ボリュームにアタッチされたアクセスポイントに出力をアップロードし、ビューワーが CloudFront をバイパスしてボリュームに直接到達できないようにオリジンアクセスコントロールを使用して CloudFront ディストリビューションを設定し、ストリームがエンドツーエンドで再生されることを確認します。

パターンの仕組み

リクエストフローは次のとおりです。

HLS パッケージには、さまざまなキャッシュポリシーの利点となる 2 種類のファイルが混在しています。

前提条件

ステップ 1: ソースビデオを HLS パッケージとしてエンコードする

FFmpeg を使用して、リアルなover-the-top (OTT) ビットレートで 360p、720p、1080p の 3 種類の HLS パッケージを生成します。結果のパッケージには、バリアントごとのプレイリストを参照するマスタープレイリストが含まれており、それぞれに 4 秒のトランスポートストリームセグメントが一覧表示されます。

ステップ 2: HLS パッケージをアクセスポイントにアップロードする

パッケージを 2 回アップロードします。1 回は短い TTL のプレイリスト用、もう 1 回は長いイミュータブル TTL のセグメント用です。正しい設定Content-Typeは重要です。ほとんどのプレイヤーは に .m3u8、 application/vnd.apple.mpegurl に video/mp2t が必要です.ts。

access-point-alias をアクセスポイントエイリアスに置き換えます。

$ # Playlists: short TTL, m3u8 content type
aws s3 cp ~/media/hls/ "s3://access-point-alias/content/sintel/" \
    --recursive --exclude "*" --include "*.m3u8" \
    --content-type "application/vnd.apple.mpegurl" \
    --cache-control "max-age=60"

# Segments: long immutable TTL, ts content type
aws s3 cp ~/media/hls/ "s3://access-point-alias/content/sintel/" \
    --recursive --exclude "*" --include "*.ts" \
    --content-type "video/mp2t" \
    --cache-control "max-age=31536000,immutable"

両方のファイルが、予想されるコンテンツタイプとキャッシュヘッダーでアップロードされていることを確認します。

$ aws s3api head-object --bucket access-point-alias \
    --key content/sintel/master.m3u8 \
    --query '{ContentType:ContentType,CacheControl:CacheControl}'

ステップ 3: オリジンアクセスコントロールを作成する

オリジンアクセスコントロール (OAC) を使用すると、CloudFront のみがオブジェクトを取得できるようにCloudFront はアクセスポイントへのリクエストに署名できます。OAC がない場合、ビューワーはアクセスポイントエンドポイントから直接オブジェクトをリクエストすることで CloudFront をバイパスできます。

$ aws cloudfront create-origin-access-control \
    --origin-access-control-config \
    'Name=fsxn-media-oac,SigningProtocol=sigv4,SigningBehavior=always,OriginAccessControlOriginType=s3'

レスポンス内の Id を書き留めます。これは次のステップで使います。

ステップ 4: CloudFront ディストリビューションを作成する

アクセスポイントエイリアスをオリジンドメインとして CloudFront ディストリビューションを作成します。ステップ 2 で設定したCache-Controlヘッダーを優先する CachingOptimizedマネージドキャッシュポリシーを使用します。

ステップ 5: CloudFront を許可するアクセスポイントポリシーをアタッチする

アクセスポイントポリシーは、 AWS:SourceArn条件を使用して特定のディストリビューションにスコープされたオブジェクトを読み取るアクセス許可を CloudFront サービスプリンシパルに付与します。

ステップ 6: 再生を確認する

ディストリビューションが Deployed ステータスになるまで待ちます。

$ aws cloudfront get-distribution --id distribution-id \
    --query 'Distribution.Status'

CloudFront を介してマスタープレイリストを取得します。

$ curl -sS "https://distribution-domain/content/sintel/master.m3u8"

レスポンスには 3 つのバリアントが一覧表示されます。

#EXTM3U
#EXT-X-VERSION:6
#EXT-X-STREAM-INF:BANDWIDTH=1031744,RESOLUTION=640x360,CODECS="avc1.64001e,mp4a.40.2"
stream_360p/playlist.m3u8

#EXT-X-STREAM-INF:BANDWIDTH=3497301,RESOLUTION=1280x720,CODECS="avc1.64001f,mp4a.40.2"
stream_720p/playlist.m3u8

#EXT-X-STREAM-INF:BANDWIDTH=6311285,RESOLUTION=1920x1080,CODECS="avc1.640028,mp4a.40.2"
stream_1080p/playlist.m3u8

レスポンスヘッダーで、正しいコンテンツタイプ、キャッシュコントロール、キャッシュステータスを確認します。

$ curl -sSI "https://distribution-domain/content/sintel/stream_1080p/seg_000.ts"

レスポンスが成功するとcontent-type: video/mp2t、、cache-control: max-age=31536000,immutable、およびレスポンスがエッジから送信されたかオリジンから送信されたかを示す x-cache ヘッダーが表示されます。

最後に、FFmpeg でストリームをエンドツーエンドで再生し、すべてのセグメントが正しくフェッチおよびデコードすることを確認します。

$ ffprobe -v error \
    -show_entries stream=codec_name,width,height \
    -show_entries format=duration \
    "https://distribution-domain/content/sintel/master.m3u8"

Safari または VLC でマスタープレイリスト URL を開くことも、hls.js などの JavaScript プレイヤーを使用してウェブページに埋め込むこともできます。

パターンの拡張

トラブルシューティング

クリーンアップ

ディストリビューションを無効にして削除し、残りのリソースを削除します。削除する前にディストリビューションを無効にする必要があります。これには数分かかります。

を無効にするには、 の --if-matchと の内部DistributionConfigオブジェクトget-distribution-configの 2 ETag つの値が必要です --distribution-config (完全なレスポンスには ETag も含まれていますが、 update-distributionは受け入れません）。

$ # Capture the current ETag and the DistributionConfig body
GET_ETAG=$(aws cloudfront get-distribution-config --id distribution-id \
    --query 'ETag' --output text)
aws cloudfront get-distribution-config --id distribution-id \
    --query 'DistributionConfig' --output json \
    | jq '.Enabled = false' > dist-updated.json

# Disable the distribution. The response returns a new ETag.
UPDATE_ETAG=$(aws cloudfront update-distribution --id distribution-id \
    --if-match "$GET_ETAG" --distribution-config file://dist-updated.json \
    --query 'ETag' --output text)

# Wait for Status to reach Deployed before deleting.
aws cloudfront get-distribution --id distribution-id \
    --query 'Distribution.Status'

# Delete the distribution using the ETag from the update call.
aws cloudfront delete-distribution --id distribution-id \
    --if-match "$UPDATE_ETAG"

# Fetch the OAC ETag, then delete the OAC.
OAC_ETAG=$(aws cloudfront get-origin-access-control --id oac-id \
    --query 'ETag' --output text)
aws cloudfront delete-origin-access-control --id oac-id \
    --if-match "$OAC_ETAG"
aws s3control delete-access-point-policy \
    --account-id account-id --name access-point-name
aws s3 rm "s3://access-point-alias/content/sintel/" --recursive