⚠️
横持ち(ランドスケープ)推奨

Streamlabsモバイルアプリは縦持ち(ポートレート)表示で不具合の報告があります。スマホを横持ちにして使用することをおすすめします。

1

Streamlabsアプリをインストールする

🍎 App Store 🤖 Google Play

App Store(iPhone)またはGoogle Play(Android)から「Streamlabs」を検索してインストールします。

  1. App Store または Google Play を開く
  2. 検索バーに「Streamlabs」と入力
  3. Streamlabs: Live Video Streaming」を選んでインストール
📱 streamlabs-step01-install.png
App Store で「Streamlabs」を検索した画面
⚠️
似たアプリに注意

「Streamlabs」と似た名前のアプリがあります。アイコンが緑色の稲妻マーク、アプリ名が「Streamlabs: Live Video Streaming」であることを確認してください。

💡
初回設定はWi-Fi環境で

インストール後の初期設定では一定量のデータ通信が発生します。自宅のWi-Fi環境で行うことをおすすめします。

2

アカウントを作成・ログインする

Streamlabsを起動し、アカウントを作成またはログインします。

  1. アプリを起動
  2. Sign up」(新規登録)または「Log in」(既存アカウント)を選択
  3. Googleアカウント、またはメールアドレスでサインアップ
📸 streamlabs-step02-login.png
Streamlabsのログイン画面
💡
Googleアカウントでのログインが便利

YouTubeと同じGoogleアカウントでログインすると、次のStep 3の連携がスムーズです。

3

YouTubeアカウントと連携する

StreamlabsとYouTubeを連携させることで、YouTubeへのライブ配信ができるようになります。

  1. アプリ内の設定(⚙️ アイコン)を開く
  2. Stream Destination(配信先)」または「Channel」を選択
  3. YouTube」を選択
  4. Googleアカウントでログインして連携を許可する
📸 streamlabs-step03-connect-youtube.png
StreamlabsでYouTubeアカウントを連携する画面
💡
連携後は設定を保存しておく

一度連携しておくと、次回から自動でYouTubeに接続されます。

4

シーンを設定・カメラ映像を確認する

「シーン」は配信画面の構成要素のことです。カメラ映像が正しく映ることを確認します。

  1. アプリのメイン画面で「Editor(編集画面)」を開く
  2. デフォルトのシーンに「カメラ映像(Camera)」が追加されていることを確認
  3. 画面下部のプレビューにカメラ映像が映ることを確認
  4. 映っていない場合は「+(ソースを追加)」から「Camera」を追加する
📸 streamlabs-step04-scene-editor.png
シーンエディター画面。カメラ映像が表示されている
ℹ️
「シーン」とは

シーンとは配信画面のレイアウトのことです。カメラ映像、スコア画面(モルログ)、テキストなどを組み合わせて1つの画面を作ります。

5

モルログのURLを取得する

別端末(2台目のスマホやタブレット)を使って、モルログの該当試合URLを取得します。

  1. 別端末のブラウザで mollog.jp にアクセス
  2. 配信したい試合のページを開く
  3. ブラウザのアドレスバーのURLをコピーする
  4. コピーしたURLを配信スマホにLINEなどで送る
📱 streamlabs-step05-mollog-url.png
別端末でモルログのURLをコピーしてLINEで送る

モルログのURLはこのような形式です:

https://www.mollog.jp/published-league-table?name=◯◯&dateTime=YYYY-MM-DD+HH:MM:SS.mmm
⚠️
試合ごとにURLが変わります

モルログのURLは試合(ゲーム)ごとに異なります。次の試合が始まるたびに新しいURLを取得してStep 8の手順でシーンを更新する必要があります。

6

モルログをシーンに追加する

配信スマホのStreamlabsに戻り、モルログのURLをシーンに追加します。

  1. シーンエディター画面で「+(ソースを追加)」をタップ
  2. Add a custom item」→「URL(ウェブページ)」を選択
  3. LINEで受け取ったモルログのURLを貼り付ける
  4. Add Source」または「OK」をタップ
  5. 配信画面上でモルログの表示位置・サイズを調整する
📸 streamlabs-step06-add-url.png
「カスタムアイテム → URL」でモルログを追加する画面
📸 streamlabs-step06-layout.png
カメラ映像とモルログスコアを組み合わせたシーンレイアウト例
💡
スコア表示の位置のおすすめ

スコア画面は右下や右上など、カメラ映像の邪魔にならない位置に配置するとバランスがよくなります。サイズは画面の1/4〜1/3程度を目安に。

7

配信を開始する(GO LIVE)

シーンの準備ができたら、いよいよライブ配信を開始します。

  1. 配信タイトルを入力する(例:「第◯回◯◯モルック大会 ライブ配信」)
  2. 必要に応じて「公開設定」(公開 / 限定公開 / 非公開)を選択
  3. 「GO LIVE」 ボタンをタップ
  4. 数秒後に配信が開始されます
🔴 streamlabs-step07-go-live.png
「GO LIVE」ボタンをタップして配信開始
💡
最初は「限定公開」でテスト配信がおすすめ

初回は「限定公開」で配信してみて、スコアが正しく表示されるか確認してから「公開」に切り替えると安心です。

⚠️
配信中はスマホの充電に注意

ライブ配信はバッテリーを大量消費します。モバイルバッテリーを接続しながら配信することをおすすめします。

8

次の試合のURLに更新する

1試合が終わり次の試合が始まる前に、モルログのURLを新しいものに更新します。

  1. 別端末で次の試合のモルログページを開き、URLをコピー
  2. 配信スマホにLINEなどでURLを送る
  3. Streamlabsのシーンエディターを開く
  4. 追加したモルログのURLソースをタップして選択
  5. 編集」→ URLを新しいURLに貼り替える
  6. 「OK」をタップして完了
📸 streamlabs-step08-update-url.png
シーン内のURLソースを編集する画面
ℹ️
このステップを試合ごとに繰り返します

Step 5 → Step 8 の流れを、大会中の各試合ごとに繰り返してください。試合の間(インターバル)に素早く切り替えられるよう練習しておくとスムーズです。

9

配信を終了する

大会の全試合が終わったら、配信を終了します。

  1. Streamlabsのメイン画面に戻る
  2. 「End Stream」 ボタンをタップ
  3. 確認ダイアログで「End Stream」をタップして終了
📸 streamlabs-step09-end-stream.png
「End Stream」で配信を終了する
💡
配信のアーカイブについて

配信終了後、YouTubeに録画が自動保存されます。YouTubeスタジオで公開設定や説明文を後から編集できます。

🎉
お疲れさまでした!

Streamlabsを使ったモルック大会配信の全手順が完了です。配信に問題があった場合は 付録のトラブルシューティング をご確認ください。