WebM.webm

ブラウザーで画面を録画したら .webm ができた、配信ツールのアラート素材が .webm で届いた。WebMはWebのために作られた形式なので、ブラウザーでは素直に動く一方、編集ソフトやスマホに持っていくと扱いにくいことがあります。

WebMが使われる場面

WebMにいちばん出会うのは、ブラウザーの中で動画を作ったときです。ChromeやFirefoxの上で動く画面録画ツールやWebアプリの録画機能は、ブラウザー標準のMediaRecorderという仕組みで録画することが多く、その出力がWebMになります。WebRTCでやり取りした映像を録画した場合も同様です。

もう1つの代表は、透明部分のある動画です。VP9のWebMはアルファチャンネルを持てるので、ライブ配信でOBS Studioのブラウザーソースに重ねるアラートやロゴのアニメーション、Webサイトの背景に重ねる動くイラストに使われます。メッセージアプリの動くスタンプにWebMを使うサービスもあります。

Webサイトの動画でも、<video> タグにWebMとMP4の両方を用意して、ブラウザーが再生できる方を選ばせる書き方がよく使われます。YouTubeも、アップロードされた動画をVP9のWebMで配信することがあります。

WebMファイルの開き方

Chrome、Firefox、Edgeには、ファイルをドラッグするだけで再生できます。デスクトップのプレーヤーならVLCが確実です。Safariは長くWebMに対応しておらず、今もOSのバージョンやコーデックによって再生できない場合があります。iPhoneに送るならMP4に変換するのが無難です。

編集ソフトは対応がまちまちで、WebMをそのまま読み込めないものもあります。DaVinci ResolveやPremiere Proで使いたいときは、先にMP4やMOVに変換しておくと作業が止まりません。

WebMをMP4に変換するとき

WebMの中身はVP8、VP9、AV1なので、MP4のH.264に変えるには再エンコードが必要です。ffmpegなら -c:v libx264 -c:a aac を指定します。入れ物だけ移すことも技術的にはできますが、MP4の中のVP9を再生できる環境は限られます。

透過付きのWebMを編集ソフトで使うなら、H.264のMP4では透明部分が黒や白で埋まってしまいます。ProRes 4444のMOVなど、アルファチャンネルを持てる形式に変換してください。

WebMが早送りできない・長さが出ないとき

MediaRecorderで録ったWebMは、ファイルの中に全体の長さや、早送り用の索引（Cues）が書かれていないことがよくあります。再生はできるのに時間表示が出ない、シークバーを動かせない、というのはこのためです。ffmpegで -c copy を付けて書き直すと、長さと索引が補われて普通に扱えるようになります。

よくある質問

WebMとMP4はどちらを使うべきですか

Webサイトに載せる動画なら、今はMP4のH.264だけでもほとんどの環境で再生できます。透明部分を使いたい、ロイヤリティフリーのコーデックで揃えたい、という理由があればWebMを選びます。

WebMはiPhoneで再生できますか

iOSのバージョンによってはSafariで再生できますが、写真アプリなどでは扱えないことがあります。確実に見せたいならMP4に変換してから送ってください。

WebMに字幕は入れられますか

WebVTT形式の字幕トラックを入れられます。ただし、Webサイトで字幕を出すなら、動画に埋め込むより <track> タグで字幕ファイルを別に読み込ませる方が一般的です。