> For the complete documentation index, see [llms.txt](https://rplaylive.gitbook.io/creatorguide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rplaylive.gitbook.io/creatorguide/ja/howto/stream/obsscreen.md).

# OBS - 配信画面設定

スムーズな配信のために必要なOBSの設定方法をご案内します。

***

## 配信画面用ウィジェット設定

OBSに配信画面用のウィジェットを設定すると、チャットウィジェットや各種ドネーションエフェクトを配信画面に表示できます。\
追加可能なウィジェット：チャットボックス、テキストドネーション、ルーレットドネーション、ミッションドネーション

サイドバーの <mark style="color:purple;">**`RPLAYドネーション`**</mark> ボタンを押すか、**`ライブスタジオ - ドネーション`** タブを開いて、RPLAYドネーションページに移動してください。

<figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2Fj4ZF7LXxQmz9ttlepAHC%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.05.42.png?alt=media&amp;token=b769ab75-61db-4e19-abc8-13a7e52dd5a6" alt="" width="204"><figcaption></figcaption></figure>

<figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FfYY37y8h3Nii3ueS0L8x%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.05.23.png?alt=media&amp;token=4aebbc90-54b0-4008-b754-bf6ffa895354" alt="" width="333"><figcaption></figcaption></figure>

### チャットボックス（チャットウィジェット）の設定

{% hint style="info" %}
OBSのドックに追加したチャットウィジェットを、そのまま配信画面に追加しないでください！\
スムーズな配信のために、以下の手順で配信画面用のチャットボックスを設定してください。
{% endhint %}

1. RPLAYドネーションページでチャットボックス <mark style="color:purple;">**`生成`**</mark> ボタンを押し、右側の <mark style="color:purple;">**`コピー`**</mark> ボタンをクリックしてください。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2F5hBo03r4t6jpybr7O5TV%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.06.05.png?alt=media&amp;token=5047a938-2b56-43a1-80c5-ff54423f71b9" alt=""><figcaption></figcaption></figure>
2. OBSのソースリストに `ブラウザ` を追加してください。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FhwsB6fqTdSZzVzZULc2o%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.06.23%20%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A1%E1%84%87%E1%85%A9%E1%86%AB.png?alt=media&amp;token=008790bf-5df5-4124-a1dd-5c71adc6261a" alt=""><figcaption></figcaption></figure>
3. 先ほどコピーしたチャットボックスURLを貼り付け、サイズを設定してください。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FU4t9F98hFZX1vceT36jB%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.06.47.png?alt=media&amp;token=9396b8e6-963a-4612-8b5f-3c3a9b048975" alt="" width="375"><figcaption></figcaption></figure>

   * チャットボックス推奨サイズ：
     * 縦長チャットボックス：300 × 800
     * 画面半分サイズ：700 × 800
     * チャット3件分のみ：300 × 220
     * ミニモード：300 × 150

***

### ドネーションウィジェットの設定

テキスト、ルーレット、ミッションなど、各種ドネーションウィジェットの設定方法をご案内します。（どのウィジェットも同じ手順で追加可能）

1. 追加したいウィジェットタブを選択し、ドネーションアラーム用ウィジェットURLを <mark style="color:purple;">**`生成`**</mark> してコピーしてください。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FV83Ii0r2bybgPmwiaC5Y%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.07.52%20%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A1%E1%84%87%E1%85%A9%E1%86%AB.png?alt=media&amp;token=2f4de969-11ea-4f53-b9d1-37f4324c7ad9" alt=""><figcaption><p>ルーレットドネ、ミッションドネも各タブでURLを生成可能</p></figcaption></figure>
2. OBSで <mark style="color:purple;">**`ソースリスト → ブラウザ`**</mark> を追加し、コピーしたウィジェットURLを入力してください。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FAMp9zIkn2b3Yuodlkwkk%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.08.43.png?alt=media&amp;token=7688b7d8-531d-4a39-8bc3-3171f688a9f2" alt=""><figcaption></figcaption></figure>

   * テキスト、ルーレットドネーションの推奨サイズ：500 × 500
   * ミッションドネーションの推奨サイズ：800 × 380
   * その後、<mark style="color:purple;">**`OBSでオーディオ調整`**</mark> をチェックし、「OK」をクリックしてください。
3. ドネーションエフェクトメニューの「オーディオ詳細設定」を開く。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FwhcbR3WTB2DC2N46pH8a%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.08.55%20%E1%84%87%E1%85%A9%E1%86%A8%E1%84%89%E1%85%A1%E1%84%87%E1%85%A9%E1%86%AB.png?alt=media&amp;token=e81e93eb-6e2b-4c4e-840d-308323ea63a5" alt="" width="375"><figcaption></figcaption></figure>
4. ドネーションエフェクトオプションで「モニタリング＆出力」を選択。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FqOshrHw2Ck1fQteZPnlj%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.09.45.png?alt=media&amp;token=ed7580b2-30d6-45d7-ab33-0790f17f3465" alt=""><figcaption></figcaption></figure>
5. ドネーションエフェクトの「使用」を <mark style="color:purple;">**`ON`**</mark> にし、隣の <mark style="color:purple;">**`TEST`**</mark> ボタンを押して音量を調整すれば完了！

   <figure><img src="https://content.gitbook.com/content/KfnKooEx02ayOCAXXkHV/blobs/UKrB7Ju1oPt3TuAnnzdk/image.png" alt=""><figcaption></figcaption></figure>

***

### 各ドネーションの詳細設定

{% tabs %}
{% tab title="テキストドネーション" %}

* <mark style="color:purple;">**`ドネーションエフェクト使用`**</mark> をOFFにすると、配信画面にアニメーションが表示されません。
* <mark style="color:purple;">**`TTS使用`**</mark> をON/OFFすることで、ユーザーによるTTS（読み上げ）の使用可否を設定できます。
* オリジナル画像を使ってドネーションアラームを表示したい場合は、<mark style="color:purple;">**`カスタムドネーションアラーム`**</mark> を使用してください。
* **設定を変更した後は、必ず `保存` ボタンを押してください！**

  <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FmhncsrTGCOnLNA95hmPb%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.13.27.png?alt=media&amp;token=7b9ad101-7f55-42ae-ab3c-183b30363f1d" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="ルーレットドネーション" %}

#### ルーレットの設定方法

1. 「ルーレットドネーションを受け付ける」を <mark style="color:purple;">**`ON`**</mark> にすると、新規ルーレットが自動生成されます。
   * <mark style="color:purple;">**`追加`**</mark> ボタンを押して、複数のルーレットを作成可能。
2. ルーレットの名前を入力し、参加費を設定してください。
3. 「ルーレットアイテムを入力してください」の横にある <mark style="color:purple;">**`追加`**</mark> ボタンを押し、アイテムを追加してください。
4. 各アイテムのリワードと確率を設定してください。
5. 下部の <mark style="color:purple;">**`保存`**</mark> ボタンを押してルーレットを保存し、設定が完了したら「ルーレット使用」を <mark style="color:purple;">**`ON`**</mark> にしてください。

   * ルーレットごとに使用ON/OFFの切り替えが可能。

   <figure><img src="https://3993283969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKfnKooEx02ayOCAXXkHV%2Fuploads%2FOJkhkE7zi1WDQy7h3ETQ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-02-26%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.15.17.png?alt=media&amp;token=68efa9b3-fceb-4977-b447-7726c63a6798" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="ミッションドネーション" %}

#### ミッションの設定方法

1. 「ミッションドネーションを受け付ける」を <mark style="color:purple;">**`ON`**</mark> にしてください。
2. 最低金額、キャンセルペナルティ、失敗時の報酬、最大ミッション数を設定してください。
   * 各項目の意味が分からない場合は、項目横の「?」アイコンにカーソルを合わせると説明が表示されます。
3. 下部の <mark style="color:purple;">**`保存`**</mark> ボタンを押して設定を保存してください。

   <figure><img src="https://content.gitbook.com/content/KfnKooEx02ayOCAXXkHV/blobs/BNHUlNCfZegYsJXqhJCJ/image.png" alt="" width="563"><figcaption></figcaption></figure>

#### ミッションの管理方法

ミッションの挑戦可否や成功・失敗の判定は、ダッシュボードタブから選択可能です。

{% hint style="danger" %}
失敗したミッションを「成功」として処理すると、ドネーターや視聴者から強い批判を受ける可能性があるためご注意ください！
{% endhint %}

```
<figure><img src="../../.gitbook/assets/image (181).png" alt="" width="563"></figure>
```

{% endtab %}
{% endtabs %}

***