前提条件
簡単な図
AWS サービス一覧
動画コンテンツ
今回は”Big Buck Bunny” コンテンツ を利用してます。
環境作成
S3の準備
作成したS3バケットは以下の通り
バケット名 | リージョン | 用途 | 備考 |
---|---|---|---|
vod-input-01 | アジアパシフィック(東京) | 元動画のアップロード用 | |
vod-output-01 | アジアパシフィック(東京) | ETS出力用 | 設定は特に不要 |
- vod-input-01
- 事前に使用する動画コンテンツをアップロード
- output-01
- フォルダ作成を作成
バケット名 | フォルダ名 | 備考 |
---|---|---|
vod-output-v01 | outpu-01 |
CloudFrontの準備
作成したCloudFrontは以下の通り
Domain Name | Origin名 | 備考 |
---|---|---|
vod-test.cloudfront.net | vod-output-01.s3.amazonaws.com |
CloudFront 作成手順
- Web を選択
- Origin Settings 編
項目 | 設定内容 | 備考 |
---|---|---|
Origin Domain Name | vod-output-01.s3.amazonaws.com | |
Origin ID | S3-vod-output-0 | 自動生成 |
Restrict Bucket Access | Yes | |
Origin Access Identity | Create a New Identity | |
Grant Read Permissions on Bucket | Yes, Update Bucket Policy |
- Default Cache Behavior Settings 編
項目 | 設定内容 | 備考 |
---|---|---|
Viewer Protocol Policy | HTTPS Only | アクセスをHTTPS限定にする |
CloudFront Private Content Getting Started と表示されたら作成成功で、デプロイ中です。
約15分程掛かる場合があります。
Amazon Elastic Transcoder の準備
Pipelines 作成手順
Create New Pipeline 編
項目 | 設定内容 | 備考 |
---|---|---|
Pipeline Name | vod-pipeline-test | |
Input Bucket | vod-input-01 |
Configuration for S3 Bucket for Transcoded Files and Playlists 編
項目 | 設定内容 | 備考 |
---|---|---|
Bucket | vod-output-01 |
Configuration for S3 Bucket for Thumbnails 編
項目 | 設定内容 | 備考 |
---|---|---|
Bucket | vod-output-01 |
単一出力 Jobs 作成手順
Create a New Transcoding Job 編
項目 | 設定内容 | 備考 |
---|---|---|
Pipeline | vod-pipeline-test | |
Output Key Prefix | output-01/ |
Input Details (1 of 1) 編
項目 | 設定内容 | 備考 |
---|---|---|
Input Key | bbb_sunflower_1080p_30fps.mp4 |
Output Details (1 of 1) 編
項目 | 設定内容 | 備考 |
---|---|---|
Preset | System preset: HLS 2M | |
Segment Duration | 10 | 任意の範囲は 1~60 秒 |
OutPut Key | vov_test |
Job Status が Complete
になったら出力成功です。
AWSコンソールから S3
を開いて確認をおこなうとファイルが生成されています。
Safariまたは、Edgeブラウザーで確認する事が可能です。
https://vod-test.cloudfront.net/output-01/vod_test.m3u8
作成した cloudfront の Domain Name に置き換えてください。
ABR出力 Jobs 作成手順
今回は Rotation の設定を行っています、理由としては、画面の回転度で現在使用しているプレイリストの確認をしやすくする為です。
Create a New Transcoding Job 編
項目 | 設定内容 | 備考 |
---|---|---|
Pipeline | vod-pipeline-test | |
Output Key Prefix | output-02/ | 事前にフォルダを作成 |
Input Details (1 of 1) 編
項目 | 設定内容 | 備考 |
---|---|---|
Input Key | bbb_sunflower_1080p_30fps.mp4 |
Output Details (1 of 3) 編
項目 | 設定内容 | 備考 |
---|---|---|
Preset | System preset: HLS 2M | |
Segment Duration | 10 | 任意の範囲は 1~60 秒 |
OutPut Key | high_mid/high | 自動でフォルダを作成後その中に出力をしてくれる |
Output Rotation (Clockwise) | auto | 任意 |
Output Details (2 of 3) 編
項目 | 設定内容 | 備考 |
---|---|---|
Preset | System preset: HLS 1M | |
Segment Duration | 10 | 任意の範囲は 1~60 秒 |
OutPut Key | mid_dir/mid | 自動でフォルダを作成後その中に出力をしてくれる |
Output Rotation (Clockwise) | 90 | 任意 |
Output Details (3 of 3) 編
項目 | 設定内容 | 備考 |
---|---|---|
Preset | System preset: HLS 400k | |
Segment Duration | 10 | 任意の範囲は 1~60 秒 |
OutPut Key | low_dir/low | 自動でフォルダを作成後その中に出力をしてくれる |
Output Rotation (Clockwise) | 180 | 任意 |
Playlist (1 of 1) 編
項目 | 設定内容 | 備考 |
---|---|---|
Master Playlist Name | master | |
Playlist Format | HLSv3 | |
Outputs in Master Playlist | high_dir/high | |
Outputs in Master Playlist | mid_dir/mid | |
Outputs in Master Playlist | low_dir/low |
Job Status が Complete
になったら出力成功です。
Safariまたは、Edgeブラウザーで確認する事が可能です。
https://vod-test.cloudfront.net/output-01/vod_test.m3u8
作成した cloudfront の Domain Name に置き換えてください。
- low の180度バージョン
- high の0度バージョン
最後に
個人のドメインで配信などを行いたい際は、CloudFrontのDomainNameをRoute53などに登録すると出来ます。
使わなくなった S3 や CloudFront などは削除しましょう。