FRESH!の動画が突然止まって再読み込みしても再生できない場合の原因調査メモ

生配信を視聴中、しばらくの間は問題なく再生できていたものの、突然再生が止まり、ページを再読み込みしても、再生できなくなってしまいました。

※画像は仮面女子のライブの配信。別番組にしても、挙動は同様。自分だけが止まってしまい、障害発生中というわけではない模様（コメントは普通に続いていた）

ChromeのDeveloper ToolsのNetworkタブで、通信に問題がないか確認したところ、分割された動画ファイル(.ts)のリストが記載されているPlaylistファイル（.m3u8）の取得リクエストについて、一度Statusが「(pending)」と表示されてから「(canceled)」エラーになってしまっていました。

５秒間pendingが続いた後、canceledされている様子から、5秒タイムアウト→再送を繰り返してしまっていたようです。

すると、リクエストのstatusがpendingになる原因を取り除きたいわけなのですが、もちろん症状の通り、タブの再読み込みでは効果がありません。

pendingになる原因としてAdBlockがあるようでしたが、movie.freshlive.tvを手動で除外しても効果はありませんでした。

In my case, I found (after much hair-pulling) that the "pending" status was caused by the AdBlock extension. The image that I couldn't get to load had the word "ad" in the URL, so AdBlock kept it from loading.

Disabling AdBlock fixes this issue.

Renaming the file so that it doesn't contain "ad" in the URL also fixes it, and is obviously a better solution. Unless it's an advertisement, in which case you should leave it like that. :) （引用元）

そこで、一度ウイルス対策ソフト（カスペルスキー2017）をオフにしてみました。

すると、pending問題が解消され、動画の再生が復活しました。

しかし、そのままというわけには行かず、復活させてしばらくすると、pending→canceledの繰り返しが再発しました。

というわけで困ってしまうので、その場はEdgeを使ってみることに。Edgeを使っている間は再発せず。

実は、視聴が失敗する以前のタイミングから、ちらほら「.ts」へのリクエストも、pending→canceledになってしました。

しかしこれはどうやら、次の.m3u8へのリクエストが先行したため、.tsをjs側がキャンセルしているようです。結局同じ.tsへのリクエストが直後に再送され、取得に成功し、再生は継続していきます。つまり、こちらのたまに発生する.tsの取得失敗は問題になりません。

つい最近までFRESH!もその中で配信されていたりもして、密接な関係にあるAbemaTVですが、こちらはいくら連続再生しても、問題は発生せず、再生し続けることができました。

• ライブ動画配信プロトコル（HTTP Live Streaming, HLS）の概要図解メモ（AbemaTV／FRESH!）