Webブラウザ上で動画が再生される流れを追ってみよう～MSE/EMEを用いた動画の再生～

インターネットを利用した動画配信は、ブロードバンドの普及とともに急速に発展し、今や多くの人々がたくさんの動画コンテンツを視聴しています。各関連技術は発展と収束を繰り返し、昔は難解だった動画配信技術もデファクトスタンダードが確立されつつあります。本連載ではインターネットを利用したストリーミング動画配信技術についてわかりやすく紹介し、誰でも、簡単に、動画配信ができることを伝えていきます。第6回となる本記事では、hls.js のコードを例に、ブラウザが動画を再生する裏側の仕組みと、その中核技術である「MSE/EME」について解説します。 はじめに 合同会社DMM.comでフロントエンドエンジニアとして動画配信サービスの開発をしている今西（@nisshii0313）です。 アルバイト等を経て2021年に新卒で入社して以降、DMM TVをはじめとする動画配信サービスのフロントエンド（主に再生プレイヤ