atsuhiro-me https://blog.hatena.ne.jp/atsuhiro-me/ みーのぺーじ https://pc.atsuhiro-me.net/ JavaScript MPEG DASHを使ってアダプティブストリーミングで動画を配信しようと挑戦したところ，CORSで躓いたのでまとめます． 目標 shaka-playerを使ってDASHでアダプティブストリーミングする． 動画を配信するためにAmazon S3を使い，CloudFrontでキャッシュする． 問題点 動画を貼り付けるWebサイトは，動画を配信するCloudFrontとは別のオリジンなので，オリジン間リソース共有 (CORS)に対応する必要があります． shaka-playerのリスクエスト 以下のshaka-playerのデモで，どのようなリクエストが行われるかを確認します． https://sh… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpc.atsuhiro-me.net%2Fentry%2F2020%2F10%2F02%2F131824" title="MPEG DASHで動画を配信する時のCloudFrontのCORS設定 - みーのぺーじ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/atsuhiro-me/20201002/20201002125349.png Hatena Blog https://hatena.blog 2020-10-02 13:18:24 rich https://pc.atsuhiro-me.net/entry/2020/10/02/131824 1.0 100%