投稿

[OBS] 質〇箱風のツイキャスコメ欄カスタムCSS

イメージ
ツイキャスのコメント欄用 質問箱風カスタムCSS ツイッターとかインスタなどで、匿名で質問をする&質問を受け取れるサービスの「 質問箱 」を使っているアカウントをチラホラ見かけますが、この質問箱の見た目を OBSのブラウザソースで表示するツイキャスのコメント欄 でどこまで再現できるかを試す為にカスタムCSSを作ってみました。。 閲覧コメントの高さが割とあるので、秒当たりのコメント数が多い枠だとコメントが直ぐ画面外に流れてしまうので、縦長画面配信枠とか、過疎枠用かもしれません❓❓w (※ 別に過疎枠専用という意味でもありません・・ 読まれるまでコメントを自粛してくれる優良閲覧さんが沢山いる枠でも十分使えるカスタムCSSのはずです😇😇) [ 目次 ] 質問箱風カスタムCSS 解説 閲覧さんのコメント vs 枠主のコメントの区別 コメントを中央に表示 丸文字フォントを指定 (フォントの変更) 今後の改善点 👉 📝 キャスコメカスタムCSS まとめ OBSでツイキャスのコメント欄を設定する方法や、下に説明するCSSをOBSに読み込ませる方法については、先に別のメモ「📝 ツイキャスのコメント欄を表示 (サムネ付きで) 」を参照してみてください。 更新履歴 [ 15/Dec/2022 ] : オンツイタグ追加に伴うCSSの変更。 コメント文字の大きさの設定が反映されなかった不都合を修正。 [ 21/Oct/2022 ] : Noto Color Emojiフォント設定が反映されなかった不都合を修正。 [ 27/Sep/2022 ] : style=2のURLで追加される影を無効化。 リプコメも質問コメントとして表示される様に修正。 閲覧コメントの文字サイズ、太文字、イタリックを変更出来る様にしました。 設定で選択したGoog...

mac版VB-CABLEをアンインストールする方法

イメージ
mac版のVB-CABLEを使った 📝『 mac版のOBSでBGMやゲーム音を取り込む方法 』 というメモを以前書きましたが、もしも、VB-CABLEの挙動がおかしくなってしまった場合、一度VB-CABLEをアンインストールして再インストールしたいという場合もあると思うので、mac版のVB-CABLEのアンインストール方法についてここにメモしておきます。 [ 目次 ] macアプリの一般定なアンインストールの仕方 VB-CABLEのアンインストール macアプリの一般定なアンインストールの仕方 macでアプリをアンインストールしたい場合、 Launchpad (ローンチパッド) を開いた後に、アプリのアイコンを長押しするとアイコンが小刻みに震え始めて、一部のアイコンの左上に ボタンが表示されます。 この ボタンが表示されるアプリの場合は、ボタンをクリックすることでそのアプリのアンインストールのが始まります (👉 🍎のサポートページ『 Mac で App を削除する方法 』)。 残念ながら、VB-CABLEに関しては、長押しても右上にそういったボタンは表示されません。 VB-CABLEのアンインストール VB-CABLEのアンインストール方法はVB-AUDIO社のサポートフォーラムの 『 How to De-Install the VB-CABLE for MAC 』という投稿に記述されていますが、英語(?)なので日本語でメモしておきます。 注 : 以降は、手動でファイルを削除してアンインストールをする説明になりますが、間違えたファイルやフォルダを削除してしまうとシステムが不安定になってしまったりするのでファイルやフォルダを削除する際は 間違えない様に自己責任で 行ってください。 元の投稿は次の様な内容になっています。 Vincent Burel Site Admin Posts: 1582 Joined: Sun Jan 17, 2010 12:01 p...

mac版のOBSでBGMやゲーム音を取り込む方法 (VB-CABLE)

イメージ
長い間、macOSに関してはエアープレイをしていましたが、数か月前に、mac miniを手に入れたので、mac版のOBSでマイクの他にパソコンの出力音を VB-CABLE と LadioCast を使って取り込む時の 基本的な設定 をでここにメモしておきます。 [ 目次 ] mac版では無効の「デスクトップ音声」 必要な物 設定 必要なソフトのインストール サウンド出力の設定 LadioCastのミキサー設定 OBSの音声設定 VB-CABLEを経由しない設定に戻す [関連メモ] 📝mac版VB-CABLEをアンインストールする方法 ※: Windowsの場合はWindows版のVB-CABLEだけで同様の設定が出来るのでLadioCastは必要ありません。 Windowsでの設定 例 はこちら👉「 VB-Cable 仮想オーディオ・ケーブル 」 mac版では無効の「デスクトップ音声」 Windows版のOBSを使い慣れていると、mac版OBSのサウンド設定を開いた時に、「グローバル音声デバイス」の設定にある、 「デスクトップ音声」が 常に 「無効」 になっていて戸惑うかもしれません。 mac版OBSの「グローバル音声デバイス」設定の例 逆に、mac版のOBSを使い慣れている場合は、 いつも無効になっている「デスクトップ音声」って何😕? という疑問があるかもしれません。。 Windows版OBSの場合「デスクトップ音声」が「 既定 」になっていると、Windowsのサウンド設定の 再生タブで既定のデバイスとして設定されている内蔵スピーカーやヘッドフォンの出力がOBSに取り込まれます。 なので、この設定になっていれば、同じパソコンで再生しているBGM音楽や動画の音がOBSに取り込まれます。 一方、macの場合は、アプリがパソコンからの「サウンド出力」...

[キャス配用アイテムビュー] サンリオスタンプ

イメージ
5月26日 の ツイキャス公式 のツイートで、サンリオキャラクター大賞で上位になったキャラクター マイメロディ ハローキティ クロミ ポチャッコ のスタンプの公開が告知されました。 #サンリオキャラクター大賞 コラボキャンペーン🎀✨ ツイキャススタンプになるキャラが決定👇 ♡マイメロディ ♡ハローキティ ♡クロミ ♡ポチャッコ 7/1(木)から3ヶ月ごとに1キャラずつ公開されます🎉 第1弾は『マイメロディ』 たくさんのご投票ありがとうございました! https://t.co/KQf1gkvIwp — ツイキャス公式 (@twitcasting_jp) May 26, 2021 👉 URL そして、 7月1日 から第一弾の「マイメロ」のスタンプの公開が始まりましたが、 9月30日 までの3ヶ月限定なのでその後のスタンプも3ヶ月間限定公開になる気がします ( サンリオのニュース ) 。 このサイトでサポートをしている拡張機能の『 ツイキャス配信用アイテムビュー 』では、サンリオスタンプを短期キャンペーンアイテムという事で対応して行きたいと思います。 なので、今後のアップデートでアイテムビューの設定ページにある『非表示にするアイテム』の欄にはサンリオスタンプはリストしない予定です。 アイテムビューにサンリオスタンプ だけ を非表示にしたいという使い方をしている人はたぶんいないと思いますが、どうしても非表示にしたい場合は『 短期キャンペーンアイテムの非表示設定 』を参考にして設定してください。 因みに、このサンリオスタンプは日本限定の公開の様で海外からのアクセスだとツイキャスのアプリやツイキャスのサイトでは表示されない地域限定の様です。。 現在住んでいる国からアクセスするとツイキャスのページにもアプリにもサンリオスタンプが表示されません。 (唯一、配信画面にはエフェクトとして表示はされますが。。。)

[キャス配用アイテムビュー] 短期キャンペーンアイテムの非表示設定

イメージ
非表示にするアイテムの選択 『 ツイキャス配信用アイテムビュー 』の v0.5以降から、 特定のアイテムを✅チェックボックスで選択して非表示 にするオプション (非表示にするアイテムの選択) を追加しましたが、新しいアイテムが登場した場合は、その新アイテムをチェックボックスで選択したいとなると、毎度、拡張機能のアップデートが必要になります。 アップデートは、こちらで新バージョンを作成後、ストアにアップロードしますが、ストアによる最終審査を通過しないと一般公開にならないので多少のラグが発生してしまう事もあります。 なので、「キャス配用アイテムビュー」のv0.5.1以降では、エンドユーザー側で非表示にするアイテムを追加出来る方法として、 「 追加の非表示アイテム 」の欄 を追加しました。 この欄に適切な値 (アイテムの画像のURLの一部) を入力する事で、特定のアイテムを非表示にする事が出来るので、期間限定のキャンペーンのアイテムなどを非表示にするのに有効だと思います。 これまでにいくつか、ツイキャスのキャンペーンアイテムの非表示に必要な設定をこのサイトのメモに上げていましたが (👉 ツイキャス×ぷよぷよのキャンペーン 、👉 ホワイトデー )、最近になって、ツイキャスが日本国内限定のキャンペーンに力を入れている様で、そういったキャンペーンでは、海外からのアクセスだとキャンペーンのアイテムの表示が限定されていて、当方ではキャンペーンアイテムの把握が難しくなっています。 今後、設定に関するメモを迅速にメモに出来るかも不明なので、『ツイキャス配信用アイテムビュー』で非表示にしたいアイテムがある場合に、 ユーザー各自で「追加の非表示アイテム」の欄に記入する値を特定する方法 をここにメモしておきます。 [ 目次 ] 「追加の非表示アイテム」の値 アイテム画像のURLを取得 1. 配信ページのアイテムボタン 2. ツイキャス用アイテムモニター 「追加の...

[OBS] L◯NEの会話画面風のツイキャスコメ欄カスタムCSS (シンプル版)

イメージ
「ツイキャスのコメ欄がLINEみたいだったら面白いかも」という話を小耳に挟んだので、OBSでツイキャスのコメント欄を表示する場合、カスタムCSSでLINEの会話画面をどこまで再現できるか試してみました。。 お知らせ 吹き出しの背景色や、文字の色、アイコンサイズなどをカスタマイズできるバージョンはこちら: 「 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS x4 」 [ 目次 ] カスタムCSS LINE風 設定 解説 閲覧さんのコメント vs 枠主のコメントの区別 タイムスタンプを非表示にしたい場合 タイムスタンプの表示位置を左右に調節 吹き出し部 吹き出し内のフォントの変更 コメント欄の下にスクロールバーが表示される場合 コメントに黒い影が付く件 今後の改善点 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS L◯NE風 シンプルバージョン 📝 L◯NE風 x4(アイコンサイズ変更可)バージョン : 色や文字サイズをクリックで変更可能 📝 L◯NE風 幅細めバージョン : コメント欄を狭い幅で表示したい時用、コメントのフェードイン&フェードアウト表示が可能 📝 『コメ欄』用カスタムCSS - L〇NE風 (ツイキャス) : 吹き出しの縁取りの枠/影の表示が可能 コメント欄設定時のメモ 📝 気になる配信画面のぼやけ: 解像度編 📝 気になるコメント欄のぼやけ: シーン上での変換 OBSでツイキャスのコメント欄を設定する方法や、下に説明するCSSをOBSに読...