Windows Terminalの背景を透明にして動画を流す方法

基本的には microsoft/terminal/issues/14059 に書いたことと同じなのですが、日本語で情報が見つからなかったので、日本語でも書いておきたいと思います。

Windows Terminal側の設定

Windows Terminal画面のタイトルバーを右クリックし Settings を選択します。 画面左側の Profiles の一覧の中から、変更したい項目、 例えば Ubuntu-20.04 を選択します。

ブラウザ側の設定

上記の設定でターミナルの背景は透明になりますが、ある問題が生じます。それはブラウザのCPUやメモリを節約しようとする仕組みによって、Windows Terminalを全画面にしたときにブラウザの画面が描画されないという問題です。例えば、背景で動画を再生しようすると動画が真っ黒になってしまったり、Webアプリケーションのコードを変更した結果をプレビューしようとすると文字が消えてしまったりします。

上記のブラウザの挙動はごく一部の人以外には望ましい挙動であり、今後修正されることはおそらくないでしょう。したがってこの問題は自分でWebブラウザの設定を変更して解決する必要があります。以下にその手順を示します。

Google Chromeの場合

アドレスバーに chrome://flags/#calculate-native-win-occlusion と入力して、設定画面の Calculate window occlusion on Windows の項目を Disabled に設定します。

Reference: Videos turn black when a full screen window is “on top” of the window playing the video.

Firefoxの場合

アドレスバーに about:config と入力します。警告が出る場合がありますが、設定を変更したいので Accept the Risk and Continue を選択します。

次の画面では設定を変更したい項目の名前を検索する欄が表示されるので、そこに widget.windows.window_occlusion_tracking.enabled と打ち込みます。

双方向の矢印のアイコンをクリックして値を false に変更します。

Reference: Firefox stops rendering videos (the whole web-page) after 10 seconds when in background