WindowsPC用

ゲーム配信設定方法
Ver 2.5 (20200731)

17LIVE inc.

1

目次・P. 3 〜 13：配信機材について
・P.14 〜 27：配信画面の設定
・P.28 〜 34：配信の方法
・P.35 〜 36：トラブルシューティング
・P.37 〜 46：応用編（背景の透過）

17LIVE inc.

2

配信機材について

Windowsでの設定

PCの推奨スペック
OS：Windows 10
CPU：Core i5以上
GPU：特になし
メモリ：8GB以上

17LIVE inc.

3

配信機材について配信したいゲーム機を選ぶ

iPhone対応：○

17LIVE inc.

Android
対応：△
配信方法
キャプチャーボードを使用しないため、リンク先を参照。キャプ
チャーボード以外は必要です。

PS4
対応：○

Switch
対応：○

PCゲーム
対応：○

その他
対応：☓
※配信方法が複雑なため推奨しません。

4配信機材について

カメラとマイクの購入
推奨カメラ
Huatech Pro Stream Webカメラ
推奨マイク
SONY ECM-PCV80U
グリーンバックhttps://amzn.to/2UuFEnT

17LIVE inc.

5

配信機材についてキャプチャーボードの購入
AVerMedia Live Gamer EXTREME 2 GC550 PLUS
内容物

キャプチャーボードとは？
ゲーム機の映像・音声を PCに出すための機器です。

推奨キャプチャーボード

キャプチャーボード

AVerMedia Live Gamer EXTREME 2 GC550 PLUS
HDMIケーブル

USB Type-C
USBコネクター※上記以外にも、説明書、ライセンスコード、ネジが入っているが今回は使わない

17LIVE inc.

6

配信機材についてカメラとマイクの設定
カメラをPCに接続する②PCのUSBポートに接続する。

①Webカメラを取り出す。

豆知識
USBポートの色は性能の違い
白or黒：USB 2.0
青：USB 3.0

USBコネクター

Webカメラ17LIVE inc.

USB 3.0の方が速度が速い
USBコネクター側とポート側、両方が3.0に対応していないと意味ない。

USBポート7

配信機材について

カメラとマイクの設定
マイクをPCに接続するマイク端子(左：縁がピンクの方)に挿入
mini USB Mini-Bの形状①接続

USBポート17LIVE inc.

③マイクマークが記載さ②接続

USBコネクター

mini USB
Mini−B

れている端子に挿入

USBオーディオボックス

マイク8

配信機材についてキャプチャーボードの設定
キャプチャーボードの接続①〜⑤のケーブルを接続してください
今回のUSBコネクターは3.0であるため、USBポー
トも3.0対応(青)に挿入す
ると通信速度UPPC

USB Typre-Cの形状

USB Type-C

USB 3.0
コネクター

キャプチャーボード③②
ディスプレイ

ゲーム機

⑤

④
①
17LIVE inc.

HDMIケーブル

9配信機材についてキャプチャーボードの設定
ドライバーのインストール
ダウンロードページ で最新の”ソフトウェア&ドライバー”をダウンロード

赤く光るのは本体起動中であるか、ドライバがインストールされていない場合です。

ドライバーインストール前

17LIVE inc.

ドライバーインストール後

10配信機材についてキャプチャーボードの設定
ドライバーのインストール①ダウンロードしたファイルをダブルクリック！

17LIVE inc.

②インストーラーを起動すると特に設定などなく、完了します。
操作に従い、再起動すれば使用準備完了です。

11配信機材について

キャプチャーボードの設定
設定後の全体図※デスクトップPCの場合※PS4はゲーム機の設定を変更しないとPCに映すことはできません。

ディスプレイ(PC用)17LIVE inc.

Webカメラディスプレイ(ゲーム用)

デスクトップPC

12配信機材についてキャプチャーボードの設定
ゲーム機側の設定

iPhone
設定不要
Lightning - Digital
AVアダプタを購入、キャプチャーボードと接続

17LIVE inc.

Android
設定方法
キャプチャーボードを使用しないため、リン
ク先を要確認

PS4
設定方法

Switch
設定不要

PC
設定不要

HDCPの解除必須
リンク先の”PS4シリーズ”の項目を参照

13

配信画面の設定（共通）OBS Studioのダウンロード①②

公式サイトからダウンロード①windowsマークをクリックして、②「 Download Installer」をクリックすればダウンロードが始まります。

③

OBS Studioのインストール
ダウンロードした、③ファイルをダブルクリックしてください。
OBS Studio Setupが起動します。
順番に、④「 Next」→「I agree」→「Next」→「Install」をクリック。少し待ってればインストールが終わるので「 Finish」で完了です。

④17LIVE inc.

14

配信画面の設定（共通）OBS Studioの設定
1. 配信画面の設定
まずは「シーン」を作成します。
シーンを一度作成すれば次回以降そのシーンを使用することで再度設定する必要がありません①右図の画面左下シーンの「＋」ボタンをタップしましょう！
②画面上部でこの設定の名称を決めます「縦配信（携帯用）」などわかりやすい名称をつけましょう１

17LIVE inc.

15

配信画面の設定（共通）OBS Studioの設定
2. 画面サイズの変更①インストール済みのOBS Studioを起動する

OBS Studioアイコン②設定をクリック②

17LIVE inc.

16

配信画面の設定（共通）OBS Studioの設定
2. 画面サイズの変更
配信したいゲームによって、縦画面・横画面を使い分けます。

①映像を選択②①③②【縦画面の場合】
基本解像度と出力解像度に「480x960」と入力。
※”x”は小文字のエックス【横画面の場合】
基本解像度と出力解像度に「960x480」と入力。
※”x”は小文字のエックス④③FPS共通値は30に設定④OKをクリック
17LIVE inc.

17

配信画面の設定（共通）OBS Studioの設定
2. 画面サイズの変更
本マニュアルでは縦画面での説明を行います。

右図のように縦長になっていれば完成です。

17LIVE inc.

18

配信画面の設定（共通）OBS Studioの設定
3. ゲーム画面の追加「シーン」追加「画面サイズ」の設定が完了したら、次に実際の配信画面を作成します

まずは「ソース」欄の「＋」をタップしゲーム画面を表示します！

①ソースの”+”ボタンをクリック②今回は携帯orキャプチャーボードを使用したゲーム配信を前提に「映像キャプチャデバイス」を選択します
17LIVE inc.

②

①
19

配信画面の設定（共通）OBS Studioの設定
3. ゲーム画面の追加①新規作成に「・」がついていることを確認します。
名称はわかりやすいよう「ゲーム画面」などにしましょう！

①②「OK」をクリックします②

17LIVE inc.

20

配信画面の設定（共通）OBS Studioの設定
3. ゲーム画面の追加①デバイスにて、使用しているゲームデバイスを選択します※ ”PS4リモートプレイ ”や”QuickTimePalyer”などゲーム画面が表示されているデバイス名を選択してください。

①②OKをクリック

画面が表示されない場合は下記対処
方法をご確認ください②

https://vip-jikkyo.net/obs-captur
e-device-not-working

17LIVE inc.

21

配信画面の設定（共通）OBS Studioの設定
3. ゲーム画面の追加②①ゲーム画面の赤四角をドラッグし、縮小※赤枠がでていない場合は選択ができていません。再度クリックしましょう。
※Alt + 赤四角ドラッグでトリミング可①②右図のように上部に配置※両端が少しはみでる程度が良い※上部に少し空白を持たせたほうが良い（右図では空白を忘れている）※配信中のスマホ画面をみながら微調整しましょう

この配置はテレビゲーム用 (PS4やSwitch)です。
後ほどスマホゲーム用の配置について記載しますが、構図が違うだけでソースを追加する操作は同じです。

17LIVE inc.

22

配信画面の設定（共通）OBS Studioの設定
4. カメラの追加※顔出し配信のみ
次は自分の顔を配信画面に追加します！

①ソースの”+”ボタンをクリック（先程同様）③&④②映像キャプチャデバイスを選択（先程同様）⑤③新規作成を選択④名称を”カメラ”に変更（自分で分かりやすい名前をつけましょう）②先程同様⑤OKをクリック①
17LIVE inc.

23

配信画面の設定（共通）OBS Studioの設定
4. カメラの追加①デバイスにて、使用しているカメラを選択※本資料と同じものを購入した方は USB Live
Cameraを選択①②OKをクリック②

写真の細目男は本資料の製作者 toshiです。
ライバーさん役としても頑張ります。

17LIVE inc.

24

配信画面の設定（共通）OBS Studioの設定
4. カメラの追加①カメラ画面の赤四角をドラッグし、縮小※赤枠がでていない場合は選択ができていません。再度クリックしましょう。
※Alt + 赤四角ドラッグでトリミング可①②②右図のように下部に配置

17LIVE inc.

25

配信画面の設定（共通）OBS Studioの設定
4. カメラの追加

Point
画面を3分割したような構図にします。

a. ゲーム画面

a. ゲーム画面
オーディエンスアイコン等と被るので、ゲームによって微調整しましょう

b. 顔

b. 顔
顔や動作がよく見えるように顔がコメン
トと被らないようにしましょう

c. コメントc. コメント
コメントで埋まってしまうので、重要な情報はここに映らないようにしましょう

17LIVE inc.

26

配信画面の設定（共通）

配信環境の設定
1. OBSの出力設定
OBSから出力される映像を17Liveに最適化します②③①OBS Studioの設定をクリック②出力をクリック③配信を選択④配信のビットレートを1200に設定※配信してみて画質が悪ければ1500まであげる④⑤⑥⑤キーフレーム間隔に”1”と入力⑥”Bフレームを使用する”はチェックをしない⑦OKをクリック※エンコーダは、画像ではアップル TV H264ハードウェアエンコーダを選択していますが、初期設定のままで OKです。

17LIVE inc.

⑦

①27

配信の方法（共通）

配信の設定
1. 17.live にログイン
配信を開始するときの方法を最後にご説明します！
①17.liveにアクセス(https://17.live/)②アカウント作成時のログイン方法でログイン③マイページ右上から「ライブ配信設定」をクリック※下記に記載した理由でログインできない場合はLINE@までご連絡ください。その際に必ずご自身の17IDを記載してください。
・どの方法でアカウントを作ったか忘れてしまった・パスワードを忘れてしまった・該当の方法を選択したが、うまくログインできない

17LIVE inc.

28

配信の方法（共通）

配信の設定
2. 配信タイトルの入力
PCから配信できるように設定します。

①配信タイトルを入力※必須
例：初ゲーム配信！

①②ハッシュタグ (最大2つまで)文字を入れて「追加」をクリックするとハッシュタグになります。

②③参加イベントを選択③④配信種別を選択└縦配信or横配信④17LIVE inc.

29

配信の方法（共通）

配信の設定
3. マイイベントの設定
PCからマイイベが設定できるようになりました！
マイイベントを開催しない場合は入力しなくてもOKです。

①②③①タイトルを入力②イベント開催期間を入力④③イベント詳細を入力④デイリーゴール、合計ゴールの設定⑤イベントで使用するギフトを最大4つまで選択⑤→一度設定すると開催期間中は変更や削除ができないので注意です。

17LIVE inc.

30

配信の方法（共通）

配信の設定
4. キーの発行
キーの発行作業は毎回の配信で行ってください。
①URLは予め入力されていますが、必ず「URL作成」を押してください。
こちらをコピーします※URL作成を押すと「PULL URL」が生成されます(注意)※配信開始はまだクリックしないでください。クリックした時点で配信時間の記録が開始されます。この時間はオーディエンスのレ点にも影響します。

17LIVE inc.

31

配信の方法（共通）

配信の設定
5. OBSにキーを設定
PCから配信できるように設定します。

③②④①OBS Stusioの設定をクリック

Push URL②配信をクリック

Push Key③サービスにて、カスタムを選択④サーバーにPush URL、ストリームキーにPush Keyをペースト※ペースト： Command + V⑤OKをクリック⑤①

17LIVE inc.

32

配信の方法（共通）

配信の設定①
6. 配信の開始
PCから配信できるように設定します。
①OBS Studioの「配信開始」をクリック②17.liveの「配信開始」をクリック
これで配信がスタートします！🎉
※配信の終了方法まで読んでください！

②
17LIVE inc.

33

配信の方法（共通）

配信の設定
17.live

7. 配信の終了
正常に終了させないと、永遠と配信が終了しないことになります。

①17.liveにて、「配信終了」をクリック②②ポップアップが出てくるので、「終了」をクリック①③OBS Studioにて、配信終了をクリック

OBSと17.live必ず両方で終了の操作を行ってください

OBS Studio③
配信終了を押さない場合、自分のページにベイビーが現れて「まだ配信している」事を教えてくれるよ！

17LIVE inc.

34

トラブルシューティング
随時追加されます！

17LIVE inc.

35

音声設定がうまくいかない
1. ゲームの音が配信で流れていない！
音声の問題は多岐にわたるため、以下のサイトをご参考にして設定してみてください。

https://www18.atwiki.jp/live2ch/pages/582.html

17LIVE inc.

36

応用編（背景の透過）※グリーンバックが必要です

17LIVE inc.

37

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

①カメラ画像を選択し、右クリック②フィルタを選択②

17LIVE inc.

38

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

①エフェクトフィルタの”+”をクリック②クロマキーを選択②①

17LIVE inc.

39

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

①OKを選択①

17LIVE inc.

40

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

閉じるをクリックしない！

アドバイス
完璧に透過することは困難です。
後ほど説明する ”背景”でごまかしましょう

初期値でグリーンバックがうまく透過できない
場合は、類似性、滑らかさ、キーカラー流出低減の数値をいじりましょう。

17LIVE inc.

41

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

①エフェクトフィルタの”+”をクリック②色補正を選択①
17LIVE inc.

②42

配信画面の設定（共通）OBS Studioの設定
3. 背景の透過背景の緑を透明にします。その下に好きな背景を配置します。

①輝度やコントラストを調整し、キレイに映るようにしましょう※初期値で十分な気がします。

②閉じるで終了①②17LIVE inc.

43

配信画面の設定（共通）OBS Studioの設定
4. 背景の配置
背景の緑を透明にします。その下に好きな背景を配置します。

①ソースの”+”ボタンをクリック②画像を選択②①
17LIVE inc.

44

配信画面の設定（共通）OBS Studioの設定
4. 背景の配置
背景の緑を透明にします。その下に好きな背景を配置します。

②①参照をクリック②背景にしたい画像を選択③OKをクリック①③

17LIVE inc.

45

配信画面の設定（共通）OBS Studioの設定
4. 背景の配置
背景の緑を透明にします。その下に好きな背景を配置します。

①ソースの”画像”を選択②下矢印を押し、レイヤーを最下部まで移動させる

レイヤーとは画像を表示する層のこと。メインで映したいものは上部に、背景などは下部に配置します。

①②17LIVE inc.

46