YTCaption

YouTubeの字幕をCSSで簡単にカスタム


ダウンロード

Google Chrome

Chrome Web Store
GitHub

Mozilla Firefox (β)

GitHub

※Firefox版は現在開発途中のため、動作が安定していません。

YTCaptionとは

YTCaptionとは、Google Chromeの拡張機能です。

この拡張機能を使うと、YouTubeの字幕の見た目を簡単にカスタムできます。

夜に駆ける / YOASOBI MVより

このように、フォントや色などを変えられます。

もちろん、PCにインストールされたフォントも使用可能です。

設定画面のスクリーンショットです。BootstrapでUIを作成しました。

設定はCSSの文法を使って表記できます。

使い方

Chromeの上部にあるバーの右側に拡張機能のアイコンが並んでいるので、そこからYTCaptionを選んで「オプション」を開いてください。
(または、『chrome://extensions/』を開いて、YTCaptionのメニューからオプションを押しても開けます)

設定画面では、フォントのスタイルを細かく設定することが可能です。

下の方のある「保存」ボタンで設定の保存ができます。

プレビュー

実際に表示される字幕を、設定画面から簡単に確認できます。

プレビューを更新するには、「適用」ボタンを押してください。

Firefox版について

元々Chrome用に開発したものですが、せっかくなのでFirefoxへの移植版を製作中です。

現段階ではまともに動作しませんが、GitHubからダウンロード可能です。

開発環境

言語 JavaScript、Bootstrap
エディタ VScode
OS macOS 10.14

Comments

Show Comments