CloudFrontとS3でHLSの動画配信を行う (動画サイト構築までの道①)

はじめに このシリーズでは React を利用して、ストリーミング動画サイトを構築するために必要な動画周りの配信について解説していくシリーズになります 社内で教育動画(勉強会の録画)などをコンテンツとしてまとめておいて誰でも見れたら良いなと思い、サイト構築を行おうと色々調べた中でストリーミング配信の仕方を説明しているサイトがかなり古いものばかり&説明がわかりづらいと思ったのでハンズオン形式でまとめていきたいと思います 今回はストリーミング再生に必須なHLSというファイルを作成して、React で実際に再生するところまで行いたいと思います。 環境 VSCode Ubuntu 20.04 (WSL2) Docker 20.10.12 docker-compose version v2.2.3 git version 2.25.1 AWS で HLS 形式の動画を配信する まずは HLS 形式の