← トップに戻る

使い方ガイド

実況素材はうすのスコアボード素材を配信で使う手順を図解付きで解説します

2つのモードの違い

当サイトのスコアボード素材は通常版OBS対応版の2つのモードで使えます。

通常版 OBS対応版
必要なソフト ブラウザのみ OBS Studio + ブラウザ
使う画面数 1画面で完結 操作パネル + OBS表示の2画面
スコアボード移動 ドラッグ移動可 固定
背景画像 対応 透明背景(OBS側で重ねる)
詳細設定(選手登録等) 簡易操作のみ フル機能
おすすめユーザー 手軽に使いたい方 配信ソフトでカスタマイズしたい方

通常版 セットアップ手順

1

トップページでスポーツを選ぶ

トップページから使いたいスポーツの「通常版」ボタンをクリックします。

実況素材はうす - トップページ
実況素材はうす
自由にカスタマイズ可能なスポーツ実況・配信用のスコアボード素材集!
野球
通常版 OBS対応版
サッカー
通常版 OBS対応版
バスケ
通常版 OBS対応版
「通常版」ボタンをクリック
2

1画面でスコア操作

上部にスコアボード、下部に操作バーが表示されます。そのまますぐに使えます。

野球 - 通常版
実況素材はうす
スコアボード
HOME 000000000 0
AWAY 000000000 0
ドラッグで移動 / 角をつかんでリサイズ
先攻 [____] 後攻 [____] | B+ S+ O+ | ← 1回表 → | 保存 読込
上部: スコアボード(ドラッグ移動可) / 下部: 操作バー
3

スコアボードを自由に配置

ドラッグでスコアボードを好きな位置に移動できます。角をつかんでリサイズでサイズ変更も可能です。ダブルクリックで中央にリセットされます。

ヒント: 背景色の変更は操作バーの「背景色」カラーピッカーから行えます。設定の保存/読込も操作バーから可能です。
4

配信画面として使用

ブラウザをフルスクリーンにすれば、そのまま配信画面として使えます。Zoomの画面共有やDiscordのGo Liveでも利用可能です。

ヒント: F11キーでブラウザをフルスクリーンにできます。スマホからも操作可能です。

OBS対応版 セットアップ手順

1

操作パネルを開く

トップページから使いたいスポーツの「OBS対応版」ボタンをクリックします。操作パネルが開き、ルームIDと表示URLが自動生成されます。

野球 - OBS対応版 操作パネル
ルームID: ABC1 OBS URLコピー
https://example.com/baseball/display.html?room=ABC1
チーム名
先攻: HOME
後攻: AWAY
スコア操作
0 - 0
選手登録 / カラー設定
詳細設定エリア...
操作パネル
上部にルームIDと表示URL、「OBS URLコピー」ボタンでURLをコピー
2

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

OBS Studioを開き、以下の手順でブラウザソースを追加します。

OBS Studio

ソース欄 +」ボタン ブラウザ」を選択

┌─ ブラウザソース設定 ──────────────┐
│ URL: [コピーした表示URLを貼り付け]
│ 幅: 1920
│ 高さ: 1080
└──────────────────────────────┘
重要: 「ローカルファイル」のチェックは外してください。URLで接続する必要があります。
3

操作パネルとOBSの接続を確認

操作パネルとOBS表示画面はルームIDで紐付けられます。同じルームIDのペアだけがリアルタイムに同期します。

操作パネル ブラウザで操作
← ルームID: ABC1 →
OBS表示画面 配信に映る
ヒント: ルームIDが異なれば、複数の試合を同時に管理できます。他のユーザーの操作に影響されません。
4

スコアを操作して配信

操作パネルでスコアを変更すると、OBSの表示画面にリアルタイムで反映されます。背景は透明なので、ゲーム映像やカメラ映像の上に重ねて表示できます。

OBS表示画面(ブラウザソースで表示される画面)
スコアボード
HOME 0 0 1 0 2 0 0 0 1 4
AWAY 0 0 0 3 0 0 1 0 0 4
OBS表示画面(背景透過)
この画面がOBSのブラウザソースとして配信映像に重なります(背景は透明)
OBS配信画面の構成(レイヤー)

┌────────────────────────────┐
スコアボード(ブラウザソース) │ ← 最前面
│ │
│ カメラ映像 / ゲーム画面 │ ← 背面
└────────────────────────────┘

OBS用語解説

用語説明
OBS Studio 無料のライブ配信・録画ソフト。YouTube Live、Twitch等への配信に使用します。公式サイト
ブラウザソース OBSの機能の一つ。URLを指定するとWebページを配信画面上に重ねて表示できます。
追加方法: ソース → + → ブラウザ → URLを入力
オーバーレイ 配信映像の上に重ねて表示するグラフィック素材のこと。本サイトのスコアボードがこれに該当します。
ルームID 操作パネルを開くと自動生成されるID。同じルームIDの操作画面と表示画面だけが同期するので、他のユーザーと干渉しません。
表示URL OBSのブラウザソースに貼り付けるURL。操作パネル上部の「OBS URLコピー」で取得できます。背景は自動で透過されます。

便利な共通機能

カラーカスタマイズ

チームカラーを自由に変更できます。プリセットテーマ(10種類)からワンクリックで設定するか、カラーピッカーで自由に色を指定できます。

操作パネル - カラーカスタマイズ部分
カラーカスタマイズ
Red vs Blue Green vs Pink Neon ...他7種類
ホーム
アウェイ
アクセント
カラー設定

画像の挿入

チームロゴ、背景画像、選手写真などをドラッグ&ドロップまたはクリックでアップロードできます。スコアボード上の点線エリアに表示されます。

設定の保存・読み込み

設定をJSONファイルとしてダウンロードし、次回以降アップロードするだけで復元できます。チーム名、カラー、選手情報、画像すべてが保存されます。

設定の保存・読み込みフロー

[設定完了] [保存ボタン] JSONファイルをダウンロード

[次回使用時] [読込ボタン] JSONファイルをアップロード 設定復元!

選手登録・スタッツ記録

選手を登録して背番号・名前を管理。試合中の得点・アシスト等のスタッツをリアルタイムで記録でき、スタメン表示にも反映されます。

スタメン表示

登録した選手からスタメンを設定すると、スコアボードの両サイドにラインナップが表示されます。

HOME スタメン
一覧
スコアボード メイン表示エリア
AWAY スタメン
一覧

よくある質問

Q. スマホからも使えますか?

はい、通常版はスマホブラウザからそのまま使えます。OBS対応版の操作パネルもスマホから操作可能です。

Q. 同時に複数の試合を管理できますか?

はい。OBS対応版では、別々のルームIDを使えば複数の試合を同時に独立して管理できます。

Q. 設定を保存するにはアカウント登録が必要ですか?

不要です。設定はJSONファイルとしてお使いのPCにダウンロードする形式なので、アカウント登録なしで利用できます。

Q. 配信ソフトはOBS以外でも使えますか?

ブラウザソース機能があるソフトなら利用可能です(Streamlabs、XSplit等)。通常版であれば配信ソフト不要でブラウザのみで使えます。

Q. 縦画面(スマホ配信)に対応していますか?

通常版は自動的に縦画面に対応します。スコアボードのドラッグ移動・リサイズで自由にレイアウト調整が可能です。

← トップページに戻る | @jikkyoutarou