ではおすすめのカスタムフレーム設定をご紹介します。
OBSではコメントの
- URL
- 幅
- 高さ
- カスタムフレート
の設定を変更させることができます。
これではURLに「配信向けオーバーレイ」のコードをペーストするだけでOKなのですが、
幅 | 400 |
---|---|
高さ | 580 |
FPS | 30 |
に設定を変更するようにしましょう。
目次
おすすめのカスタムCSS設定
ではおすすめのカスタムCSS設定をご紹介します。
OBSでツイキャスのコメント表示を詳細に変更するにはCSSが必要です。
おすすめのカスタムCSS設定 : body[data-is-embedded="true"] {
/* 背景色 */
background-color:rgba(255,255,255,0);
}
.tw-comment-list-view__scroller { overflow:hidden !important;
} body[data-is-embedded="true"] .tw-comment-item { margin:0; padding:0; border-bottom:2px rgba(255,255,255,1) dashed;
} body[data-is-embedded="true"] .tw-comment-item-icon {
display:block;
}
.tw-comment-item-icon>img { border-radius:20px;
margin:10px; width: 45px; height: 45px; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
} padding: body[data-is-embedded="true"] .tw-comment-item-body {
background:rgba(0,0,0,0) !important;
padding:10px 0; text-shadow: none;
} body[data-is-embedded="true"] #comment-list-app div div.tw-comment-list-view__scroller > div > div:nth-child(2n) {
background-color:rgba(128,255,255,0.5) !important;
}
*/
/*
* ユーザー名
*/
body[data-is-embedded="true"] .tw-comment-item-name { color:rgba(255,255,255,1) !important; font-size:12px; font-family:'UD デジタル 教科書体 NP-R','Meiryo UI';
/* 影 */
text-shadow: none; font-weight:400;
} body[data-is-embedded="true"] .tw-comment-item-comment { color:rgba(255,255,255,1) !important; /
display:block; font-size:18px; font-family:'UD デジタル 教科書体 NP-R','Meiryo UI'; margin:0; padding:0;
max-width:100%
} .tw-comment-list-view__scroller .tw-comment-item-date {
display: block;
} */」
がおすすめです。
次に文字を黒くしたい場合 : body[data-is-embedded="true"] {
/* 背景色 */
background-color:rgba(255,255,255,0);
}
.tw-comment-list-view__scroller { overflow:hidden !important;
} body[data-is-embedded="true"] .tw-comment-item { margin:0; padding:0; border-bottom:2px rgba(255,255,255,1) dashed;
} body[data-is-embedded="true"] .tw-comment-item-icon {
display:block;
}
.tw-comment-item-icon>img { border-radius:20px;
margin:10px; width: 45px; height: 45px; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
} padding: body[data-is-embedded="true"] .tw-comment-item-body {
background:rgba(0,0,0,0) !important;
padding:10px 0; text-shadow: none;
} body[data-is-embedded="true"] #comment-list-app div div.tw-comment-list-view__scroller > div > div:nth-child(2n) {
background-color:rgba(128,255,255,0.5) !important;
}
*/
/*
* ユーザー名
*/
body[data-is-embedded="true"] .tw-comment-item-name { color:rgba(255,255,255,1) !important; font-size:12px; font-family:'UD デジタル 教科書体 NP-R','Meiryo UI';
/* 影 */
text-shadow: none; font-weight:400;
} body[data-is-embedded="true"] .tw-comment-item-comment { color:rgba(255,255,255,1) !important; /
display:block; font-size:18px; font-family:'UD デジタル 教科書体 NP-R','Meiryo UI'; margin:0; padding:0;
max-width:100%
} .tw-comment-list-view__scroller .tw-comment-item-date {
display: block;
} */」
を設定しておきましょう。
【ツイキャス】操作方法〜配信者〜
ではツイキャスの操作方法をご紹介します。
操作方法①ミュート
まずはミュート。
ミュートを適用するには
- ツイキャスアプリを起動する
- 下のアイコンからミュートアイコンをタップ
でOK。
操作方法②縦画面/横画面/全画面の切り替え
次は縦画面/横画面/全画面の切り替え。
縦画面/横画面/全画面の切り替えはとても簡単で、スマホを傾けるだけでOK。
変な設定を適用させなくてもいいので便利です。
操作方法③ハッシュタグの付け方
次はハッシュタグの付け方。
ハッシュタグの付け方は
- 設定画面を開く
- 「ハッシュタグ」→「#ハッシュタグを入力」でハッシュタグを入力する
でOK。
操作方法④ピントの合わせ方
次はピントの合わせ方。
ピントの合わせ方はピントがぼやけている画面で3回タップしましょう。
すると、自動的にピントが調整されるようになりました。