Contents
Streamlabs Desktop のインストールとバージョン確認
Streamlabs Desktop を配信に導入する際は、公式サイトから最新版を取得し、インストール後にバージョン情報を確認しておくことが基本です。最新のクライアントは新機能だけでなくセキュリティ修正も含まれるため、安定した配信環境を保つ上で必須となります。
ダウンロード手順
公式サイトから安全にダウンロードできる手順を示します。インストーラは Windows と macOS の両方が用意されていますので、使用している OS に合わせて選択してください。
- ブラウザで Streamlabs 公式ページ を開く。
- ページ上部の「Download」ボタンをクリックし、表示されたプラットフォーム一覧から自分の OS（Windows / macOS）を選択する。
- ダウンロードが完了したら、取得した実行ファイル（
StreamlabsSetup.exeもしくはStreamlabs-Desktop.dmg）をダブルクリックし、画面の指示に従ってインストールを進める。
ポイント：インストーラ実行時に表示される「自動アップデート」オプションを有効にしておくと、今後のバージョン更新が自動で適用されます。
アップデートチェックとバージョン表示方法
インストール直後や長期間使用した後でも、現在のバージョンが最新版かどうかはアプリ内から簡単に確認できます。手順は以下の通りです。
- Streamlabs Desktop を起動し、左下の 設定（歯車アイコン） をクリックする。
- 「一般」タブを開くと、画面右側に「バージョン情報」が表示される。ここに現在インストールされているバージョン番号が記載されています。
- 同じ項目内の 「アップデートを確認」 ボタンを押すと、最新リリースとの比較が即座に行われます。必要に応じてダウンロード・インストールが開始されます。
注意：公式情報では UI が特定の日付で変更された旨は公表されていません。バージョン番号の表示位置やデザインは、アップデートごとに微調整される可能性がありますので、常に設定画面から確認してください。
操作経路の比較（Web ダッシュボード vs Desktop アプリ）
Streamlabs では Web ダッシュボード と Desktop アプリ内 の二つの操作経路が提供されています。どちらを主に利用するかは、チームでの共同編集や配信中の遅延許容度によって選択すると効果的です。
Web ダッシュボードで Alert Box を開く手順
Web ブラウザ上で設定画面を操作したい場合の流れです。複数端末から同時に編集できる点が特徴です。
- ブラウザで Streamlabs アラート設定ページ にアクセスし、配信アカウントでログインする。
- メニューから「Widgets」→「Alert Box」を選択すると、クラウド上のカスタマイズ画面が表示される。
ポイント：設定は自動的に保存され、変更はすぐに配信ソフト側へ反映されます。
Desktop アプリ内でソースを追加する手順
ローカル環境で完結させたい場合や遅延を極力抑えたいときは、アプリ内からウィジェットを直接追加します。
- Streamlabs Desktop を起動し、左側の「ソース」パネル下部にある 「+」 ボタンをクリックする。
- 「Alert Box（SLOBS）」を選択すると、デフォルト設定が自動でシーンに組み込まれる。
- 追加されたウィジェットを右クリックし「プロパティ」を開くと、ローカル環境でも細かい項目を編集できる。
比較表
| 項目 | Web ダッシュボード | Desktop アプリ |
|---|---|---|
| 同時編集可否 | 複数デバイスで可能 | 基本的に単一端末 |
| オフライン利用 | 不可（常時接続必要） | 可（事前設定が可能） |
| 遅延傾向 | 若干あり（クラウド経由） | 最小限（ローカル処理） |
カスタム素材の最適化と推奨ツール
配信で使用する画像・動画・音声はサイズが大きすぎると遅延やバッファリングの原因になります。公式が示すフォーマットとサイズに合わせ、無料ツールで圧縮・変換すると快適な配信が実現できます。
推奨フォーマット・サイズ
以下は公式ドキュメントに基づく推奨設定です。ファイルは 2 MB 以下 に収めることを目安とします。
| 種類 | 推奨フォーマット | 最大ファイルサイズ | 推奨解像度 |
|---|---|---|---|
| 画像・静止画 | WebP、PNG（透過可） | 2 MB 以下 | 横幅 ≤ 500 px |
| アニメーション GIF | WebP（アニメ対応）または MP4（ループなし） | 2 MB 以下 | 約 300×300 px |
| 音声 | MP3、OGG | 2 MB 以下 | ビットレート 128–192 kbps |
ポイント：WebP は PNG と比べて同等画質で約30％軽量化できるため、配信素材のデフォルト形式として推奨します。
画像圧縮（Squoosh）
Google が提供するブラウザベースツール Squoosh を使えば、インストール不要で手軽に画像を最適化できます。
- Squoosh のサイトを開き、圧縮したい画像ファイルをドラッグ＆ドロップする。
- 右側の「WebP」タブを選択し、品質スライダーを 80 % 前後 に設定する。プレビューで画質とサイズを確認できる。
- 「Download」ボタンで圧縮済みファイルを保存し、Streamlabs のアラート設定画面にアップロードする。
動画変換（HandBrake）
動画素材は HandBrake でエンコードするとサイズ削減が容易です。
- HandBrake をインストール後、対象の動画ファイルを「Open Source」から読み込む。
- 「Preset」メニューで「Fast 1080p30」など適切なプリセットを選択し、Constant Quality スライダーを 22 に設定する。
- 必要に応じてフレームレートを半分（例：30 fps → 15 fps）に下げ、Start Encode をクリックして変換完了後に保存する。
音声加工（Audacity）
音声は Audacity でノーマライズとビットレート調整を行うと、クリアかつ軽量なファイルになります。
- Audacity を起動し、編集したい音源をインポートする。
- メニューの「エフェクト → 正規化」でピークレベルを -1 dB に設定し、音割れ防止を行う。
- 「ファイル → エクスポート → MP3」でビットレートを 160 kbps 以下に指定して保存する。
アラート種別ごとの設定ポイント
Alert Box はフォロー・サブスク・チップなどイベントごとに個別のデザインが可能です。ここでは代表的な設定項目と調整のコツをまとめます。
Follow / Subscribe の基本設定
- 表示テキスト：テンプレート変数
{{name}}を使い、例として「{{name}} がフォローしました！」と入力する。 - 画像・動画：ロゴや短いアニメーションを「画像」欄にドラッグ＆ドロップし、位置は「左上」「中央」などから選択できる。
- サウンド：0.8 秒以内の効果音を設定すると、視聴者がすぐに認識しやすくなる。
ポイント：Subscribe は Tier（1/2/3）ごとに別画像・サウンドを割り当てることで、支援額に応じた差別化が可能です。
Tip / Donation / Host の高度な調整
- 金額変数：
{{amount}}をテキスト内に埋め込むと、寄付額が自動表示されます（例：{{name}} が ${{amount}} を寄付！）。 - トランジション：フェードイン/アウトの時間を「アニメーション」タブで 0.3 秒〜1.5 秒 の範囲に調整し、視覚的リズムを統一する。
- サウンドレイヤー：Tip・Donation は音量が大きくなりやすいので、メイン効果音の音量を 70％ 程度に抑え、ミキサーで背景音楽とバランスを取る。
ポイント：金額表示は視認性確保のため、フォントサイズや色も合わせて調整すると見やすくなります。
Widget URL の取得と OBS への組み込み
アラート画面で生成される Widget URL を配信ソフトに取り込むことで、リアルタイムに視聴者へ通知できます。URL は手動で更新が必要ですので、定期的に確認する習慣をつけましょう。
URL のコピー手順
- ダッシュボードまたは Desktop アプリの「Alert Box」設定画面右上にある 「Widget URL」 ボタンをクリックする。
- 表示されたリンク（例：
https://widget.streamlabs.com/alert-box/v3/...）を コピー する。
注意：公式では URL が自動的に30日ごとに更新される旨は発表されていません。URL が機能しなくなった場合は、上記手順で新しいリンクを取得してください。
OBS / Streamlabs OBS でのブラウザソース設定
- OBS（または Streamlabs OBS）の左下「ソース」パネルで 「+」 → 「ブラウザ」 を選択する。
- 名前を入力し、先ほどコピーした Widget URL を「URL」欄に貼り付ける。
- 幅・高さはアラート種別に合わせて設定（例：フォロー/サブスクは 500 × 100, ドネーションは 800 × 400）。FPS は 30 に固定すると滑らかです。
- 必要に応じて URL の末尾に
?allow_origin=1を付加し、クロスドメインエラーを回避する。
ポイント：サイズが画像と合わないとレイアウト崩れが起きやすいので、素材の実寸に合わせた設定を忘れずに行ってください。
よくあるトラブルと対処法
配信前にチェックリストとして活用できるよう、頻出する問題とその解決策をまとめました。事前確認で多くの障害は未然に防げます。
URL が無効になる場合
原因：Widget URL を取得したまま放置し、リンクが期限切れまたは手動で変更された。
対処法：ダッシュボードの「Alert Box」→「Widget URL」から最新リンクを再取得し、OBS のブラウザソース URL を上書きする。
音が鳴らない・遅延するケース
原因①：音声ファイルのビットレートが高すぎて読み込みに時間がかかる。
対処法：Audacity で 160 kbps 以下 に再エンコードし、サイズを 2 MB 未満に抑えてからアップロードする。
原因②：OBS のミキサーで Alert Box トラックがミュートまたは音量が極端に低い。
対処法：ミキサー画面で「Alert Box」トラックの音量スライダーを 70 % 前後 に設定し、ミュート状態でないことを確認する。
レイアウト崩れの原因と解決策
原因：ブラウザソースの幅・高さがカスタム画像サイズと一致していない。
対処法：素材の実寸（例：500 × 100 px）に合わせて OBS の「幅」「高さ」を正確に設定し、「フィット」 オプションはオフにする。
次のアクション：配信前に上記チェックリストを実施し、テストアラートで映像・音声・レイアウトが期待通りか最終確認してください。
まとめ
- インストールとバージョン管理：公式サイトから最新版を取得し、設定画面で定期的にアップデートを確認する。
- 操作経路の選択：共同編集が必要なら Web ダッシュボード、遅延最小化やオフライン作業が重要なら Desktop アプリを活用。
- 素材最適化：WebP・MP3/OGG を推奨し、Squoosh・HandBrake・Audacity で 2 MB 以下に圧縮すれば配信負荷が大幅に低減できる。
- アラート種別の設定ポイント：テキスト変数やトランジション、音量バランスを調整してブランドイメージを統一。
- Widget URL の取得と組み込み：手動で最新リンクを取得し、OBS のブラウザソースに正しいサイズ・FPS で設定する。
- トラブル対策：URL 更新忘れ、音声ビットレート、レイアウトずれは事前チェックで防げる。
これらの手順とポイントを抑えておけば、オリジナルアラートを安定して配信に組み込み、視聴者体験を向上させることができます。
外部ツールダウンロードリンク（参考）
- Squoosh – https://squoosh.app/
- HandBrake – https://handbrake.fr/
- Audacity – https://www.audacityteam.org/download/