このツールについて
.m3u8 プレイリストの HTTPS リンクを貼るか、ローカルの .m3u8 / .ts / .mp4 をドロップすると、そのブラウザが実際に持っている再生経路で始まります。Safari と iOS は canPlayType('application/vnd.apple.mpegurl') を返すので、URL をそのまま <video> に渡し、demux は OS が受け持ちます。それ以外のブラウザは Media Source Extensions 経由でしか HLS を再生できないため、hls.js を必要になった時点で読み込み、同じ要素を動かします。どちらの経路を選んだか、なぜそうしたかはページに表示され、いつでももう一方に切り替えて挙動の違いを確かめられます。
このツールの本体は、映像の隣にある情報パネルです。ビットレートラダーにはマスタープレイリストの全レンディションが並び、解像度、平均・ピーク帯域、コーデック文字列、宣言されたフレームレートが出て、いま再生中のものに印が付きます。音声と字幕の代替レンディションは、言語・名称・デフォルト指定つきで一覧されます。バッファ表示は再生位置より先に何秒たまっているかを示し、画質切り替えログは切り替えごとに時刻・切り替え元・切り替え先・その時点の帯域推定値を記録します。プレイリストのカードは VOD / EVENT / ライブの別、ターゲット長、セグメント数、VOD なら総再生時間、ライブなら計測された遅延を出します。
再生に失敗したときは、壊れた <video> を見せる代わりに、何が起きたのかを言葉で書きます。ブラウザのページで再生できない配信のほとんどは壊れてなどいません。Access-Control-Allow-Origin ヘッダーなしで配信されているせいで、ブラウザはプレイリストを取得したものの、このページの JavaScript に中身を渡してよいという許可がないため止めるのです。診断は URL を実際に叩き、その CORS のケースと、混在コンテンツ(https:// のページで http:// の配信)、単に到達できないホスト、プレイリストは読めてもブラウザがデコードできないメディア、をそれぞれ切り分け、サーバー側が返すべきヘッダーをそのまま示します。
正直に書いておく注意点がひとつだけあります。このサイトで唯一のものです。配信はブラウザが配信元から直接取得するので、配信元のサーバーにはあなたの IP アドレス、ユーザーエージェント、要求したセグメントがすべて見えます。ByteScope には何もアップロードされません。中間にサーバーがないからこそ、配信元からあなたが見えるわけです。DRM で保護された配信(Widevine、FairPlay、PlayReady)はここでは一切再生できません。権利者のキーサーバーとのライセンス交換が必要で、このページはそこに関与しないからです。平文の配信と、キー URI に到達できる AES-128 の配信は普通に再生できます。