# 2つのサイトのコメントを別デザインでそれぞれ設置したい

**URL:** <https://forum.onecomme.com/t/topic/788>\
**Category:** 質問\
**Created:** [2022 年 12 月 1 日午前 10:00 UTC](https://forum.onecomme.com/t/topic/788 "2022-12-01T10:00:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![prin](https://avatars.discourse-cdn.com/v4/letter/p/59ef9b/32.png) [@prin](https://forum.onecomme.com/u/prin)\
**Post date:** [2022 年 12 月 1 日午前 10:00 UTC](https://forum.onecomme.com/t/topic/788/1 "2022-12-01T10:00:12Z")

</div>

対象: わんコメ  
表示画面: OBS  
利用OS: MacOS  
利用バージョン: 4.0.4  
[過去ログ確認](http://forum.onecomme.com/search): した  
[ドキュメント確認](https://onecomme.com/docs/faq/): した  
内容:

調べてみましたが探せず勉強不足で申し訳ありません  
下記質問よろしくお願い致します

**①OBSにてYouTubeコメントとTwitterタグを**  
**それぞれ別デザインで表示したい**

テンプレートエディタにて表示するサイトに  
それぞれチェックをつけても同時取得してしまいます  
そもそも可能なのかどうか可能であれば方法を知りたい

**②Twitterタグ次のツイートがあってから切り替えたい**  
Twitterタグ取得にテンプレート「flip board」を使用させて頂いております  
テレビ番組のように次のツイートが出るまで表示をさせたいのですが  
現在時間指定のみでしょうか

 ![質問](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/58c4a68c5f197be82935971893422676866c1b94.png)

知恵をお貸し頂けますと幸いです  
宜しくお願い致します

---

<div class="post-metadata">

**Author:** ![sikozon](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/sikozon/32/77_2.png) [@sikozon](https://forum.onecomme.com/u/sikozon)\
**Post date:** [2022 年 12 月 1 日午後 11:25 UTC](https://forum.onecomme.com/t/topic/788/2 "2022-12-01T23:25:38Z")

</div>

取り急ぎ、可能かどうかだけで言いますと「可能」です。  
そういった使い方をされている方もけっこういらっしゃいるかと思いますので、実現可能かどうかに関しましてはひとまずご安心いただければと思います 🐾

* * *

①OBSにはテンプレートを複数入れられますので、異なるデザインのテンプレートを同時に表示することが可能です。  
また、既にお試しいただいている通り、テンプレートエディタでは「表示する配信サイトの絞り込み」の設定ができますのでそれらを組み合わせることで配信サイトごとに別々のデザインのテンプレートの設置が可能となっています。  
※↓は古いトピックですが、現在はこのサイトを絞るという指定が、テンプレートエディタからも可能となっている感じですね。

> [@複数の配信サイトから別々のテンプレートへコメントを流す](http://forum.onecomme.com/t/topic/66/2):
>
> こんばんわん！ 一番簡単な方法をお伝えしますね！ まずはじめにOBSに２つテンプレートを追加します（名前をわかりやすく変更しておくとよいです） [image] このときテンプレートは同じでも違うものでもどちらでも構いません Twitchだけのコメントを表示するブラウザソースのカスタムCSSにニコ生コメントを非表示にするCSSを記述します [data-service='niconama'…

> **補足（←クリックで開閉します）**
>
> > [@prin](#):
> >
> > テンプレートエディタにて表示するサイトに  
> > それぞれチェックをつけても同時取得してしまいます
> 
> こちらに関しましてはおそらく１つのテンプレートに対して二つのサイトを指定している状態となっていたものと推察いたします。（その場合の一般的な意図としましては、このテンプレートにはyoutubeとTwitter以外のコメントは表示しない、といった風になります）

(12/18追記) ①に関しまして、その後[定例配信の方でも実演](https://youtu.be/RRgB2TM-m30?t=1725)いただきました 🐾

* * *

②カスタムCSSを工夫することで、１つのコメントのみ表示、という事も可能です。  
※↓のトピックが（ドンピシャではないですが）参考になるのではないかと思います。

> [@配信画面からのコメントのフェードアウト](http://forum.onecomme.com/t/topic/173/3):
>
> すみません。便乗で質問させてください。 コメントを一つだけ表示させる為の、.comment:nth-last-child(n + 2) { display: none; }を追加していると、 上記の、@keyframes timerout ～を追加してもスライドアウトしてくれません。 何が原因でしょうか？ v3.0.1 basicテンプレート使ってます。

* * *

以上を参考に状況をミックスしていただく感じになってます。  
取り急ぎという事で、やや具体性の欠ける回答となってしまいましたが解決の一助になりましたら幸いです 🐾

---

<div class="post-metadata">

**Author:** ![prin](https://avatars.discourse-cdn.com/v4/letter/p/59ef9b/32.png) [@prin](https://forum.onecomme.com/u/prin)\
**Post date:** [2022 年 12 月 8 日午前 11:53 UTC](https://forum.onecomme.com/t/topic/788/3 "2022-12-08T11:53:37Z")

</div>

返信が遅くなり申し訳ありません  
親身になりご回答いただきありがとうございます

①は無事に解決致しました！

②はうまくCSSを工夫することが出来ず叶いませんが  
秒数をできる限り伸ばし何とか対応しています

また自身でも解決できましたら共有できればと存じます  
ありがとうございました

---

<div class="post-metadata">

**Author:** ![sikozon](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/sikozon/32/77_2.png) [@sikozon](https://forum.onecomme.com/u/sikozon)\
**Post date:** [2022 年 12 月 18 日午前 4:32 UTC](https://forum.onecomme.com/t/topic/788/4 "2022-12-18T04:32:58Z")

</div>

②に関しまして、１点お気付きになっているか気になった点がございましたのでお知らせさせていただきます。

> **備考（←クリックで開閉できます）**
>
> ※コメントを１つだけ表示させるカスタマイズは、flipboard以外の（時間経過でもコメントが消えない）テンプレートをカスタマイズして、「 **次のコメントが来るまで表示を永続させる** 」ということを主に置いたアプローチでしたので、ご所望とはマッチしないご案内だったかもしれませんね。

* * *

「flip board」の挙動を生かしたいのであれば、おっしゃる通り時間をのばす対応が現実的かと思われますが、  
１点、エディターでは表示時間は最大でも60秒までとなっておりますが、  
OBSのカスタムCSSに張り付け→保存する際に、時間指定の部分の数字を直接書き換えることができますので、  
（極端に言えば24時間などの指定もできますので）そこで実質永続させることが可能です。  
（しかも次のコメントが来たらちゃんと新しいコメントに入れ替わってくれます 💪）

書き換えの箇所は下記より、「60000ms」の部分となります。（さらに下方に数値例をお示ししております）

```auto
:root {
    --one-sdk-includes: youtube twitch twicas showroom bilibili mirrativ mixch twitter niconama;
    --lcv-lifetime: 60000ms
}

```

(追記) ms→sで000を省略できるようです 🐾  
＜時間の数値の設定例＞  
`600s` →10分  
`3600s` →1時間  
`6000s` →100分（1時間40分）  
`60000s` →1000分（16時間40分）  
`86400s` →24時間

> **蛇足**
>
> `121210s` → 語呂でイン フ イ ニ ティ （たぶん３３時間くらい）  
> 無制限にする方法として（実際はないでしょうが仮にinfinityという指定方法があったとしても）数値を書くか英単語を書くかの違いで、結局こういった箇所の書き換えになっていたんじゃないかと考えると、実質あってないようなもんかもですねｗ

以上、参考まで 🐾