FirefoxやChromeで動画の表示が乱れる(imgur gifv)

コンピュータ関連
スポンサーリンク

たまにブラウザ上の動画が乱れてちゃんと表示できていないのに気がついた。

モザイクのようになっているというか、斜めに段ずれしているというか。

原因はよくわからないが見られないのは一部の動画だし、まぁ見られないなら見られないでいいやと放置していた。

でもさすがになんか気持ち悪いので対処法を探ってみました。

スポンサーリンク

動画が乱れる症状と原因

いまいち状況を把握していなかったのであらためて確認。

youtubeやvimeo、twitterなんかの動画は問題なく表示される。

どうやら imgurgifv 再生に問題が発生しているようだ。

imgur corruption

試しに Firefox Quantum(58.0.2)、Firefox ESR(52.6)、Chrome(64)、Safari(11.0.3)で確認してみると、Safariのみ問題なく表示・再生された。
その他は全滅。
同じように画面が乱れている。

そもそも「gifv」とはなんぞや?

GIFVs have the high quality of a video mixed with the simple functionality of a GIF. This means they

  • load quickly
  • loop forever
  • and have no sound–just like a GIF!
  • All GIFs over 2MB will be converted to GIFV on upload. You can upload GIFs up to 200MB.

(imgur help「What is GIFV?」より一部引用)

アップロードされたアニメーションGIFを、よりサイズの小さいWebMやMP4形式に自動変換して表示するもの、らしい。
つまりはより早くより軽く、気軽にアニメーションGIFをあつかえる仕組みといったところか。

実際 gifv ファイルをのぞいてみると普通にタグが書かれたhtmlファイルであることがわかる。

High Sierraのグラフィックドライバ関連のバグを疑っていたけどどうやら違うらしい。

単にブラウザ側が適切に処理できていないのが原因なようだ。

スポンサーリンク

imgurの画面が乱れた時の対処法

Firefoxでの設定

Firefoxメニュー → 環境設定 → 一般 → パフォーマンス において、

  1. 「ハードウェアアクセラレーション機能を使用する(可能な場合)」にチェック
    ハードウェアアクセラレーション機能を使用する(可能な場合)
  2. URLバーに「about:config」と入力し、
    media.hardware-video-decoding.enabled を検索
  3. その値を false に変更
    false に変更
  4. Firefoxを再起動

Firefox ESRもこれに同じ。

Chromeでの設定

Chromeメニュー → 環境設定 → 詳細設定 → システム において、

  1. 「ハードウェアアクセラレーションが使用可能な場合は使用する」をオン
    ハードウェアアクセラレーションが使用可能な場合は使用する
  2. URLバーに「chrome://flags/」と入力し、
    Hardware-accelerated video decode を検索
  3. その値を Disabled に変更
    Disabled に変更
  4. 「今すぐ再起動」をクリックしてChromeを再起動

これで問題なく表示される。

問題なく表示

スポンサーリンク

パフォーマンス改善も?

最近すこしyoutubeの動画がカクカクすることにも気づいていた。
720p 60fpsで再生しようとすると微妙にカクつく。つまりドロップフレームが発生。
以前は問題なく見れていたはずなのに。

さすがにハード性能の限界もあるし仕方ないかと思っていたら
なんとその現象が収まった。

つまりドロップフレームが発生せずに再生できている。統計情報をみても差はあきらか。
予想外です。

最近のハードなら問題ないのでしょうが、うちみたいに古い場合はハードウェアデコーディングさせない事で多少マシになる可能性も。

まとめ

たまにimgurのサービスを利用して貼り付けられた動画を目にする。

以前はちゃんと見れてたし、こんなことなかったのにおかしいなぁとは思っていた。
けどまぁ見れなきゃ見れないで、ねぇ。
いいかって感じだったけど。

でもてっきり High Sierra のグラフィックドライバ関連だと思い込んでいた。
サポート外のiMacに入れてるからかなぁなんて。(その可能性はまだ残ってるけど)

追記:AppleGVA.frameworkを置き換える

グラフィックス関連のフレームワークをSierraのものと置き換えることで問題を解決できるとの情報を得、実際に試してみました。

動画GIFの表示が乱れるなどグラフィックス関連で問題がある場合の対処法(High Sierra on サポート外mac)
以前、imgurのGIFが崩れて表示される場合があることに気づき、 ブラウザの設定からハードウェアビデオデコーディングをオフにする方法を紹介しました。 そして最近ひょんなことからそれとはまた違う対処法を知りました。 何かのヒントに...

コメント

タイトルとURLをコピーしました