kentax designOBS用ライブ配信テキスト表示「Live Text Memo」
- Live Text Memo [BLOCK]Digital500 JPY
- Live Text Memo [NOTE]Digital500 JPY
テキストファイルを更新するだけで、良い感じのメモブロックが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