Streamities

Stream Avatars HubをOBSに追加する方法

Stream Avatarsと同じマスコットが、イベントではなく「場所」にいます。チャットで発言した人は火のそばの空いている席に着き、火のほうを向いて、しばらく静かになるまでそこに座り続けます。戦いも得点も歩き回ることもありません。配信のあいだずっと出しておけるシーンです。

所要時間は約2分

Streamitiesにサインイン

Mit der Anmeldung akzeptierst du unsere AGB und bestätigst, unsere Datenschutzerklärung zur Kenntnis genommen zu haben.

手順

  1. 1

    ログインしてウィジェットを作成

    Streamitiesのダッシュボードを開き、Stream Avatars Hubを選んで作成します。今すぐデザインしても、初期設定のままでも構いません。オーバーレイURLはどちらでも動き、変更はそのつど反映されます。

  2. 2

    オーバーレイURLをコピー

    ウィジェットごとに固有のURLがあります。ダッシュボードのウィジェットページからコピーしてください。OBSに必要なのはこれだけで、URLは変わらないので作業は一度きりです。

  3. 3

    OBSでブラウザソースを追加

    シーンで「ソース → ブラウザ」を追加し、名前を付けてURL欄に貼り付けます。StreamlabsとXSplitにも同じ名前で同じ種類のソースがあります。

  4. 4

    サイズを1920 × 1080に設定

    幅に1920、高さに1080を入力します。あとから拡大するのではなく、ソース自体のサイズを指定してください。引き伸ばしたブラウザソースは文字がにじみます。OBSが完成した画像を拡大しているためです。

  5. 5

    「表示されていないときにソースをシャットダウンする」のチェックを外す

    この項目が有効だと、シーンが非アクティブになるたびにOBSがページを破棄し、ライブ接続も一緒に切れます。見た目はまさに「更新が止まったウィジェット」です。オフのままにして、Stream Avatars Hubを好きな位置に置けば完了です。

推奨ブラウザソース設定

Stream Avatars Hubの出発点であって決まりではありません。どのオーバーレイも与えられた枠に合わせて収まります。ここで幅と高さを設定し、そのあとはサイズを変えずにシーン内で配置してください。

1920
高さ
1080
置き場所
配信の解像度でキャンバス全面に。これはソースの内側で自分の位置を決めます。

ソースの変形は100%のままにしてください。あとからブラウザソースを拡大すると、描画済みの画像を引き伸ばすことになり、オーバーレイの文字がにじむ原因になります。

知っておくと便利

集まりの大きさを選べます

ハブの席数は64から1024まで。大きいハブほどシーン全体が遠くから描かれ、カメラが引いたように見えるので、全員が収まります。

良い席から埋まります

席は火のそばから外側へ埋まっていきます。静かなチャットでも、空き地に点が散らばるのではなく、炎のまわりに小さな輪ができます。

同じチャット、同じ設定

誰が表示されるかは、すでにおなじみのStream Avatarsの設定に従います。全員、サブスクのみ、許可リストとブロックリスト、そして吹き出しのオンオフです。

表示されないときは

ソースが真っ白または真っ黒のまま+

ソースを更新し(右クリック → 更新)、URLが最後まで貼り付けられているか確認してください。初回だけ黒く、更新すると正常になる場合は、たいていハードウェアアクセラレーションが原因です。OBSの「設定 → 詳細設定」で有効にしてください。

動いていたのに更新が止まった+

ほぼ確実に「表示されていないときにソースをシャットダウンする」です。有効だと、シーンを切り替えるたびにOBSがページを終了し、ライブ接続も一緒に切れます。ソースのプロパティでオフにしてください。

文字がぼやけて見える+

ソースが拡大されています。変形をリセットし(右クリック → 変換 → 変換をリセット)、代わりにソースのプロパティで幅と高さを指定してください。1920 × 1080が出発点のサイズです。

シーン内でサイズが合わない+

角のハンドルをドラッグするのではなく、ソースのプロパティで幅と高さを変更してください。ドラッグは描画済みの画像を拡大するだけで、プロパティは描画される内容そのものを変えます。

Stream Avatars Hub:よくある質問

Stream Avatars Hubは無料ですか?+

はい。どのプランでもStream Avatars Hubウィジェットを1つ、ライブ更新と標準デザイン付きで使えます。Creator+では各種類のウィジェットが無制限になり、デザインの全項目、アニメーション、プレミアムテンプレートも使えます。

Stream Avatars Hubのブラウザソースは何ピクセルにすべきですか?+

まずは1920 × 1080ピクセルから。シーン内でソースを拡大するのではなく、ソースのプロパティで指定してください。ウィジェットは与えられた枠に自分で収まります。

Stream Avatars HubはStreamlabsやXSplitでも使えますか?+

はい。Stream Avatars Hubはごく普通のウェブページなので、ブラウザソースやウェブオーバーレイに対応した配信ソフトなら動きます――OBS Studio、Streamlabs、XSplitなど。

Stream Avatars Hubの設定にはどれくらいかかりますか?+

2〜3分です。ダッシュボードで作成し、URLをコピーし、ソースに貼り付けるだけ。デザインは後から、配信中でも、OBSに触れずに変更できます。

プラグインのインストールは必要ですか?+

いいえ。ダウンロードするものも、更新し続けるプラグインもありません。Stream Avatars HubはURL一本で、更新は私たちの側で行われます。

Stream Avatars Hubにできることをすべて見る →

ほかの設定ガイド