OBS用ライブ配信テキスト表示「Live Text Memo」

テキストファイルを更新するだけで、良い感じのメモブロックがOBSに表示させる事が出来るヤーツです！！

雑談配信で画面表示しながら使えるメモ！

トークデッキ、アイディアメモ、配信お品書きなどに使ってね！

ライブ配信中のTODO等にもつかえるかも？

使い方もめっちゃ簡単なので、是非使ってみてね！

設定方法

設定方法は簡単で、OBSに該当のHTMLファイル(note.html or block.html)をドラッグアンドドロップし、サイズはお好みで調整してください。

表示の更新は、同梱のlist.txtを編集し、保存すると、表示に反映されます。

BLOCK版のカスタマイズ

シンプルに項目のみを表示するBLOCK版は、背景と文字の色、フォントサイズを変更する事ができます。

■ 読み込み推薦サイズ

横：500px程度

高さ：指定なし

■ カスタムCSS各種説明

以下のCSSを追加し、値を変更する事により、カスタマイズが可能です。

:root {

--font-size: 24px;

--background: #000;

--color: #fff;

}

■ 各種説明

すべて:root {}の中に記入してください。

▼フォントサイズを変更します

--font-size: 24px;

▼背景色を変更します

--background: #000;

▼文字色を変更します

--color: #fff;

■ おまけ

背景色にグラデにしたい時はこちらとかどうぞ。

--background: linear-gradient(149deg, rgba(63,94,251,1) 0%, rgba(255,29,75,1) 100%);

NOTE版のカスタマイズ

NOTE版は少し特殊な箇所があり、タイトル部分をCSSで書き換える必要があります。

初期値はTODOになっているので、TODO以外で使用する場合は変更してください。

■ タイトルの変更の仕方

カスタムCSSに下記のCSSを追加する事によってタイトルを変更できます。

:root {

--title: "TODO";

}

■ 読み込み推薦サイズ

横：300～500px程度

高さ：指定なし

■ カスタムCSS各種説明

すべて:root {}の中に記入してください。

▼ タイトルを変更します

--title: "TODO";

▼ 日付を表示します

--day-veiw: block;

▼ 日付を非表示にします

--day-veiw: none;

▼ 本文フォントサイズを設定します

--list-font-size: 18px;

▼ タイトルフォントサイズを設定します

--title-font-size: 28px;

▼ 背景色を設定します

--background-color: #fff;

▼ ノート表示エリアの高さ100%に固定します

--note-size: 100%;

▼ ノート表示エリアの高さ自動に設定します

--note-size: auto;

その他のおすすめ素材

VTuberさん向け雑談配信画面用素材セット「Calm chatter」BGM付

https://kentax.booth.pm/items/4449291

VTuberさん向けスティンガーセット「CYBER STINGER vol.01」シーン切替え映像

https://kentax.booth.pm/items/4545340

わんコメテンプレート14種セット「KTX-ONE vol.01」

https://kentax.booth.pm/items/4466252