LogoChapilab
PR / Amazon
いつもの買い物でChapilabを応援。Amazonでお買い物
Back to Blog
配信について

お知らせの帯を配信画面に順番に出す「CBB」を公開しました

お知らせの帯を配信画面に順番に出す「CBB」を公開しました

配信画面の隅に、お知らせの帯を出している方は多いと思います。

「Xはこちら」「メンバー募集中」「次回は日曜21時」。数枚を順番に切り替えて出したい、というやつです。

やろうとすると、意外と手が止まります。OBSの標準機能でも画像スライドショーは作れますが、大きさの揃っていない画像を並べると、はみ出したり余白が空いたりします。

CBB(シービービー) は、そこを引き受けるツールです。正式名称は Chapi Banner Board ですが、長いので CBB と呼んでください。

一言でいうと、バナーを順番に出すだけのツールです。

👉 CBB を使ってみる

1. Chapi系で唯一、ログインが要りません

Chapilabの配信ツールは、たいていTwitchのログインかAIの鍵が要ります。

CBBだけは何も要りません。 Twitchとも AIとも関係がないツールなので、開いて画像を落とせばその場で動きます

会員登録もありません。試すのに一番手間がかからないツールです。

2. バナーは配信者が作ったものを使います

CBBに文字を打ち込む機能はありません。画像を出すだけです。

これは意図してそうしました。配信者の方はすでに自分のバナーを持っていて、書体も配色も配信の雰囲気に合わせて作られています。ツールの中で文字を組ませると、そこだけ浮きます

作るのは配信者、出すのがこのツール、という分担にしました。

画像は3通りで入れられます。

  • ファイルを選ぶ
  • 画面に落とす(ドラッグアンドドロップ)
  • 画像のURLを貼る

3. 比率が違う画像を混ぜても崩れません

ここがCBBで一番手を入れたところです。

CBBは高さをそろえて、幅は画像の比率に従わせます

4:1   の画像 → 画面の60%の幅で出ます
3.5:1 の画像 → 画面の53%の幅で出ます
5:1   の画像 → 画面の75%の幅で出ます

高さが同じで幅が変わるので、背景の板が見えたり、絵が切れたりしません

大きさの基準は 8

/ 6
/ 4
/ 3
/ 16
から選べます。初期値は 4
です。手持ちのバナーに近い比率を選んでください。

なお幅は画面の95%で頭打ちにしています。これは設定ではなく固定の安全弁で、極端に横長の画像を入れても画面からはみ出しません。

4. 貼る前に形が見えます

操作パネルの2番目にプレビューを置いています

理由があります。配信画面に出るソースは、何も出ていないとき完全に透明です。 OBSに貼るまで形が分からないと、そもそも設定ができません。

プレビューには帯の反対側に少しだけ透明な部分を残しています。上に出す設定なのか下に出す設定なのかが、見て分かるようにするためです。

1枚も入れていないときは、プレビューは小さく畳まれます。出す絵がないのに空き地を見せても確かめようがないためです。

5. 「出す」ボタンはありません

CBBに開始ボタンはありません。オンにしたバナーは常に出ます。

これは一度作ってから外しました。ボタンがあると、設定を全部終えたのに何も出ないという状態が起きます。そして「押していないから」という理由は画面のどこにも書かれていません。

隠したいときは、OBSの目のアイコンでソースを消せば済みます。OBSにすでにある操作なので、ツール側で二重に持つ必要がありませんでした。

できないこと

  • 文字を組む機能はありません。 バナーは配信者が作る前提です
  • 時間帯や曜日での出し分けはできません
  • チャットのコマンドで切り替えることはできません
  • 流れる・回る・弾むといった動きは付けられません。 切り替わるだけです
  • 画像の切り抜きや加工はできません
  • 1枚ごとの表示秒数は変えられません。 秒数は全体で共通です

秒数の個別指定は、要望があれば次の版で足します。

使い始めるまで

  1. CBBのページを開きます
  2. OBSの「表示」から「カスタムブラウザドック」を開き、操作パネルのURLを貼ります
  3. 配信画面のシーンに「ブラウザソース」を足して、表示用のURLを貼ります
  4. パネルにバナー画像を落とします

ログインの操作はありません。画像を落とした時点で、プレビューが動き始めます。

保存されるものについて

バナーも設定も、使っているブラウザの中だけに保存されます。Chapilabのサーバーには送っていません。画像も同じで、どこにもアップロードされません。

裏を返すと、OBSのキャッシュを消すと消えます。元の画像ファイルは手元に残しておいてください。

Chapilabのバナーについて

設定の中に「Chapilabのバナーを混ぜる」という項目があります。初期状態はオフです。

オンにすると、自分のバナーの合間にChapilabの帯が混ざります。完全に任意です。 応援していただける方だけ入れてください。オフのままでも機能に差はありません。

姉妹ツール

コメントを配信画面に流したい方はCNCGをどうぞ。CBBと同じくログインが要りません。

配信タイトルの切り替えはCSP、チャンネルポイントの演出はC2PSにあります。


CBBは無料です。登録も要りません。

「お知らせの帯を出したいけれど、画像の大きさを揃えるのが面倒」と思っていた方に使ってほしいツールです。使ってみて「ここが足りない」があれば教えてください。

👉 CBB を使ってみる

この記事をシェアする

Comments (0)

No comments yet.