対象: わんコメ
表示画面: OBS
利用OS: Windows
利用バージョン: わんコメのバージョン3.1.6
過去ログ確認: した
ドキュメント確認: した
内容: 配信サービスごとの分け方はドキュメントに書いてあった(スクショ)のですが
同一サービスの場合コメントは分けることができるのでしょうか?
画像のように分けたいです
対象: わんコメ
表示画面: OBS
利用OS: Windows
利用バージョン: わんコメのバージョン3.1.6
過去ログ確認: した
ドキュメント確認: した
内容: 配信サービスごとの分け方はドキュメントに書いてあった(スクショ)のですが
同一サービスの場合コメントは分けることができるのでしょうか?
これに関しては現状カスタムCSSのみでは対応できず
index.htmlの編集も必要になるかと思います。
テンプレートによってこの方法ではうまくいかない場合もあることをご了承下さい。
lineテンプレートとline-rightテンプレートでやる場合で説明します。
※youtube2枠を左右に分けるのみで解説します。この方法ですとその2枠以外は表示されませんので
説明する方法を応用して表示する枠をカスタムCSSで複数指定してください。
1.lineテンプレートとline-rightテンプレートをフォルダごとコピー(アップデートで書き換えられることを回避するため)
2.両方のindex.htmlをメモ帳やエディターで開き、画像部分に
:streamname="comment.name"
を追加する
3.わんコメで読み込んでいる各枠の枠名にわかりやすい名前を付ける
(例として「#テスト01」と「#テスト02」の名前にしています)
4.編集したテンプレートをOBSに表示させる
5.OBSに追加したテンプレートのカスタムCSSの部分にそれぞれ
.comment { display: none }
[streamname='#テスト01'] {
display: block
}
または
.comment { display: none }
[streamname='#テスト02'] {
display: block
}
を追加すると
[streamname='〇〇〇']
の〇〇〇に一致する枠名のコメントのみ表示されます。
複数表示したい場合は
[streamname='〇〇〇'] {
display: block
}
を表示したい枠名に変えて追加で記述してください。
上記方法で同じ配信サービスの別の枠を表示し分けることが可能です。