3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[AWS] CloudFront で MediaStore の CDN を構築する

Last updated at Posted at 2020-06-14

はじめに

こちらの記事 の 「まとめにかえて」で触れたとおり、 CDN として CloudFront を利用した構成での Live 動画配信の構成を作っていく。

注意

本記事は 2020年6月21日 時点の情報です。
ご覧になられた時点で UI が変更されている可能性がありますので、その点ご注意ください。

前提

環境

サービス 概要
macOS 10.15.x
Elemental MediaLive あらゆるデバイスへのブロードキャストおよびストリーミング向けにライブ動画をエンコードする
Elemental MediaStore ライブストリーミングによるメディアワークフロー向けにビデオアセットを保存、配信する
CloudFront 高速で安全性が高くプログラム可能なコンテンツ配信ネットワーク (CDN、content delivery network)
OBS ビデオ録画と生放送用の無料でオープンソースのソフトウェア。

CloudFront の設定

※ CloudFront は「グローバル」リージョンでのみ利用可能

1.Distribution の作成

Create Distribution で作成を開始。

スクリーンショット 2020-06-14 14.42.48.png

Web Distribution を選択。
スクリーンショット 2020-06-14 14.43.14.png

2.Origin Origin Settings の設定

2.1.Origin Domain Name

MediaStore のコンテナを選択する。
スクリーンショット 2020-06-14 14.45.47.png

2.2.Origin Domain Name 選択後

  • 以下の項目を設定
項目 設定内容
Origin ID 今回は Origin Domain Name を選択したときに設定された値のままとした。
Minimum Origin SSL Protocol 今回は初期値の TLSv1 のままとした。
Origin Protocol Policy HTTPS Only を選択した。
上記以外の設定 すべて初期値のままとした。

スクリーンショット 2020-06-14 14.46.29.png

2.6.Distribution の作成

画面最下部右にある Create Distribution をクリックして作成する。
スクリーンショット 2020-06-14 14.55.49.png

2.7.作成中

スクリーンショット 2020-06-14 14.57.26.png

2.8.作成完了

スクリーンショット 2020-06-14 15.03.36.png

3.CloudFront 経由で動画を見る

3.1.CloudFrontのURLを確認

  • 作成した Distribution の詳細画面から Domain Name を確認する。
    スクリーンショット 2020-06-14 15.10.05.png

URLをSafariで開く

MediaStore にある配信ファイル(*.m3u8) の URL のうち、ドメイン部分を CloudFront のものに置き換えて、Safari から確認する。

こちら の配信ファイルを例に取ると、 MediaStore、CloudFront、置き換え後の URL (CloudFront 経由で閲覧する動画の URL)は下記表のようになる。

MediaStore のドメイン CloudFront のURL 置き換え後の URL
hogehoge.data.mediastore.ap-northeast-1.amazonaws.com piyopiyo.cloudfront.net https://piyopiyo.cloudfront.net/live/Sample-A.m3u8

▼ ドメインが ******.cloudfront.net で動画配信されていることが確認できる
スクリーンショット 2020-06-14 15.19.15.png

まとめにかえて

これで MediaLive + MediaStore + CloudFront の構成で Live 動画配信が確認できた。
視聴対象を絞らずにアクセスした人が全員見れて良い、というのならばこの構成で良いのだが、視聴対象を絞りたいケースもある。

ということで、今度は こちらの記事 にて以下の構成で IP アドレスで視聴対象を絞る方法について触れてみたい。

▼Lambda を用いて IP アドレスで視聴対象を絞る

Lambda-01.png

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?