AWS×Next.jsでHLS配信する方法教えます

◆【対象者】 □Next.jsを触ったことがある方 □M3U8ファイルでのHLS高速動画配信の方法を学びたい方 ◆【サービス内容】 □[サービス内容] AWS S3×Lambda×AWS Elemental MediaConvertで、MP4動画をM3U8に変換し、Next.jsからHLS配信する方法を教えます。 基本的に私がアップロードしたyoutube動画を参考に進めていきます： 「 AWS(Amazon Web Service)のS3,MediaConvert,Lambdaを用いて、 MP4動画ファイルを、HLS配信に最適化したM3U8ファイルに変換するプログラムを実装していきます。 そして、最後には、Next.jsのアプリ上で実際にM3U8の動画ファイルを読み込み、再生するところまで行います。 この講義を最後まで受講して頂いた暁には、 youtubeのような動画配信プラットフォームを作成するためには必須の、 M3U8ファイルやストリーミング配信についての知識が身に付くことでしょう。 」 ご要望であれば、S3の前段にCloudFrontを配置し、独自ドメイン取得～https配信の方法や。 DOS,DDOS,EDOS攻撃に対処するためのWAFによるセキュリティ保護の方法もレクチャーさせて頂きます。 □[＊] ＊トラブル防止のため、coconaraのメッセージ機能を用いて、レクチャーさせて頂きます。 □[期間] ・おおめに見て7日間ほどとしておきます。 ◆【全体の構成】 ■[動画1] ・この講義の解説 ＞AWの各種リソースにかかるコスト/料金 ・AWS料金について ・ストリーミング と M3U8ファイル について ■[動画2] ・S3とは ・バケットを作成 ■[動画3] ・MediaConvertとは ＞job,jobテンプレート について ・MediaConvertでjobテンプレートを作成しよう ・3つのレート制御モード「CBR,VBR.QVBR」について ■[動画4] ・Lambdaとは ・LS3への動画アップロードをトリガーに、M3U8ファイルへ変換するプログラムを実装 ■[動画5] ・AWSで実装したプログラムを実際に動かしてみよう ■[動画6] ・Next.jsのアプリ上でhls.jsを用いて、M3U8の動画ファイルを再生してみよう