Zencastr は Podcast の通話＆録音ツールとして最高なのですが、一つ問題があります。それは、録音ボタン押し忘れ問題です。私はすでに4回押し忘れをしています。

Podcast は Twitch で生配信をしていて、自動録画を有効にしているので最悪の事態は避けられているのですが、本当は Zencastr で録音したそれぞれの音源を個別編集して、最高のアーカイブを作りたいのです。

というわけで、今回は押し忘れ防ぐためのソリューションです。

Chrome の Stylus 拡張

Stylus - Chrome Web Store

Stylus はユーザ定義の CSS を特定のウェブサイトに適用することが出来る拡張ツールです。2021年4月9日現在の Zencastr のウェブサイトに下記のスタイルを適用することで、押し忘れを防ぐちょっとした工夫ができます。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.record.recording-state-cont:after {
    content: "録音ボタンを押せ！";
    font-weight: bold;
    position: absolute;
    right: -720px;
    z-index: 10;
    font-size: 48px;
    color: red;
    animation: blinker 3s linear infinite;
}

適用結果

完成した！最高のソリューションだ。 pic.twitter.com/R3xQEZMCQD

— Ryo Tomidokoro （反省） (@hanhan1978) April 9, 2021

ご覧の通り、録音を促す赤字のメッセージを点滅表示してアピールします。さらに、録音ボタン押下後はきちんと消えます。これで、押し忘れが無くなることを祈ります。