使い方

ヘミの小道具店 オーバーレイ(TikTok LIVE 配信用)

1. 動作環境(必ずお読みください)

配信ソフト「OBS Studio」が必要です このアプリのオーバーレイ(ランキング・グローブ管理・本日の文字・加入通知・入室通知・ギフト連動)は、OBS Studio の「ブラウザ」ソースを使って配信画面に重ねます。 OBS Studio がないと、オーバーレイを配信画面に表示できません。
スマホだけの配信には対応していません。パソコンの OBS Studio で作った画面を TikTok に配信できる環境が必要です。
必要なもの内容
パソコンWindows 10(バージョン 1903 以降)または Windows 11 の 64ビット版
Mac・スマホ・タブレットには対応していません
配信ソフトOBS Studio(無料。公式サイト obsproject.com から入手できます)
TikTok への配信方法OBS Studio の画面を TikTok に配信できること。たとえば、TikTok LIVE Studio に OBS Studio の「仮想カメラ」を映す方法や、TikTok から発行されたストリームキーで OBS Studio から配信する方法があります(どちらが使えるかは TikTok のアカウントによって異なります)
インターネット配信のコメントを受け取るために必要です

できること・できないこと

使い方対応
Windows の OBS Studio で配信画面を作って配信する使えます
スマホの TikTok アプリだけで配信する使えません
OBS Studio を使わずに配信するオーバーレイは表示できません
(録画だけは使えます)
Mac で使う使えません
ご購入前に、無料でお試しできる範囲(デモ・お試し録画)で、お使いの環境で動くことを必ずご確認ください。デジタル商品のため、購入後の返品・返金はお受けできません。

2. はじめて使うとき

インストールは不要です。Node.js や Python などのソフトを別に入れる必要もありません。

  1. ダウンロードした zip ファイルを右クリック →「すべて展開」を選びます。
    zip のまま中のファイルを開くと動きません。デスクトップやドキュメントなど、分かりやすい場所に展開してください。
  2. 展開してできた「HemiOverlay」フォルダの HemiOverlay.exe をダブルクリックします。
  3. 初めてのときは「WindowsによってPCが保護されました」と表示されることがあります。「詳細情報」を押してから「実行」を押してください。
    個人で作ったアプリのため、Windows が発行元を確認できないときに出る表示です。2回目からは出ません。
  4. 黒い画面が開き、少しするとブラウザで管理画面が開きます。
    使っている間は黒い画面を閉じないでください(閉じるとアプリが終了します)。
次からは HemiOverlay.exe をダブルクリックするだけです。デスクトップにショートカットを作っておくと便利です(HemiOverlay.exe を右クリック →「その他のオプションを確認」→「送る」→「デスクトップ(ショートカットを作成)」)。

3. ライセンスキーの登録

1つのキーで使えるパソコンは1台です キーは、購入のときに入力した「PC ID」のパソコンでだけ使えます。ほかのパソコンでは使えません。

購入する前に:PC ID をコピーする

キーを使うパソコンでアプリを起動し、管理画面の上の「お試し中」の欄に表示される「このパソコンのPC ID」(XXXX-XXXX-XXXX-XXXX)の「コピー」を押します。購入画面の「キーを使うパソコンのPC ID」に貼り付けてください。

購入したあと:キーを登録する

購入すると、購入完了画面に OVL1. から始まるライセンスキーが表示されます。

  1. 管理画面の上の「お試し中」の欄に、キーを最初から最後までそのまま貼り付けます。
  2. 「キーを登録」を押します。「〇〇が使えるようになりました」と出れば完了です。

複数の商品を一度に購入した場合は、1つのキーですべて使えるようになります。キーはこのパソコンの HemiOverlay\data フォルダに保存され、次からは入力不要です。

あとから別の商品を買い足したとき

  1. 購入画面では、前と同じこのパソコンの PC ID を入力します(購入画面は前回の PC ID を覚えています)。
  2. 管理画面で、買った商品のタブを開きます(まだキーを登録していない商品の画面に「お試し中」の欄が出ます)。
  3. 新しいキーを貼り付けて「キーを登録」を押します。前に登録したキーはそのまま使えます。
買った商品のタブが見当たらないときや、「今の版のアプリにまだ入っていない商品が含まれています」と出たときは、アプリが古い版です。管理画面の上の「更新して再起動」で最新版にしてください。登録したキーは消えないので、更新後すぐに使えます。

パソコンを買い替えたとき・Windows を入れ直したとき

PC ID が変わるため、それまでのキーは使えなくなります。新しいパソコンでアプリを起動して PC ID を確認し、注文番号と新しい PC ID を添えて販売サイトのお問い合わせ先へご連絡ください。確認のうえ、新しいパソコン用のキーを発行します。

キーはどこにも保存されないため、当店でも再表示できません。購入完了画面のキーは、メモ帳などに貼り付けて保管してください。

4. 配信につなぐ

  1. 管理画面の入力欄に、配信するアカウントの TikTok ユーザー名(@ より後ろの部分)を入れます。
  2. 「接続する」を押します。配信前に押しても大丈夫です。配信が始まると自動でつながります。
  3. どの画面(コメントランキング・グローブ管理・本日の文字・加入通知・入室通知・ギフト連動・録画)から接続しても同じです。

つながらないときは「困ったとき」をご覧ください。

5. OBS にオーバーレイを追加する

オーバーレイは、管理画面に表示されるアドレス(http://127.0.0.1:8080/… の形)を OBS Studio に登録して使います。このアドレスはあなたのパソコンの中だけで使われるもので、インターネットに公開されることはありません。

  1. HemiOverlay.exe を起動しておきます(OBS で表示している間は起動したままにします)。
  2. 管理画面の「配信ソフトに追加する」を開き、アドレスの横の「コピー」を押します。
  3. OBS Studio の「ソース」欄の + →「ブラウザ」を選び、名前(例:コメントランキング)を付けて OK。
  4. 「URL」にコピーしたアドレスを貼り付け、「幅」「高さ」を下の表のとおりにして OK。
    「ローカルファイル」にはチェックを入れないでください。背景は自動で透明になります。
  5. OBS の画面上で、表示された枠をドラッグして好きな位置・大きさに調整します。
オーバーレイ幅 × 高さ
コメントランキング320 × 620
グローブ管理300 × 500
本日の文字カード:240 × 300 / 周回:320 × 320
加入通知720 × 260
入室通知640 × 180
ギフト連動1920 × 1080(「OBS で音声を制御する」にチェック)
アドレスの数字(8080)は、パソコンの状態によって 8081 などに変わることがあります。表示されなくなったときは、管理画面のアドレスをコピーし直して OBS に貼り直してください。

見た目の調整

アドレスの後ろに次のように付けると、見た目を変えられます(例:http://127.0.0.1:8080/?opacity=0.5&scale=1.3)。

付けるもの内容
?opacity=0.5背景の箱の濃さ(0〜1)
?scale=1.3拡大・縮小
?title=常連ランキング見出しを変える
?compact=1見出しを消す
?hideEmpty=1(グローブ管理)何も持っていない人を表示しない

6. コメントランキング

コメント数の多い上位10人を、アイコン・名前・コメント数で表示します。

7. グローブ管理

リスナーごとのブースティンググローブ・2位ブースター・3位ブースターの数と、消えるまでの残り時間(120時間)を表示します。

バトル後の記録(確認待ち)

バトルが終わると、アイテムを獲得した人が管理画面の「確認待ち」に、貢献順位(MVP・2位・3位)付きで並びます。TikTok から届くデータには「誰が獲得したか」しか入っておらず、グローブ・ブースター・ハンマーの区別がないため、ここで確定します。

  1. その人がもらったアイテムのボタン(+グロ・+2位ブ・+3位ブ)を押します。2個なら2回押します。
  2. 終わったら「完了」。ハンマーなど対象外の人は「なし」を押します。

8. 本日の文字

その日のコメントで一番多く使われた文字を「本日の文字」として大きく表示します。日付が変わると自動でリセットされます。

9. 加入通知

配信中にスーパーファンに新しく加入した人を、ネオンが光る電脳風の通知で大きく表示します。

10. 入室通知

配信に入ってきた人を、ネオンサインが灯るような演出で表示します。

11. ギフト連動(画像・音・Webhook)

決めたギフトが投げられたときに、OBS に画像を出して音を鳴らし、指定した URL(Webhook)を呼び出します。

  1. 配信に接続すると、投げられたギフトが「直近のギフト」に並びます(直近30種類)。
  2. その中から「選ぶ」で、フックするギフトを15個まで選びます。選んだギフトは、直近のギフトから流れても残ります。
  3. ギフトの行を押して設定を開き、画像・音・Webhook を決めます。「テストで発動」で試せます。

12. 録画

TikTok LIVE Studio や OBS Studio の画面から、配信している部分だけを切り出して MP4 に録画します。配信のコメントを、スマホで見たときのように画面の下に重ねて保存できます。

  1. 管理画面の「録画」タブを開き、「ウィンドウ」で録画したいソフト(TikTok LIVE Studio など)を選びます。
  2. 「範囲を選択」を押し、配信している部分をドラッグで囲んで「この範囲で決定」。縦配信なら「縦 9:16 に固定」をオンにします。
  3. 「● 録画開始」→ 終わったら「■ 録画停止」。保存先(初期設定は「ビデオ\TikTokLive」)に MP4 ができます。

13. アップデート

アプリは起動するたびに、新しい版があるかを販売サイトに確認します。新しい版があると、管理画面の上に「新しいバージョンがあります」と表示されます。

  1. 配信中・録画中でないことを確認して、「更新して再起動」を押します。
  2. 自動でダウンロード・入れ替えをして、新しい版で起動し直します。
集計・設定・ライセンスキー(data フォルダ)はそのまま引き継がれます。キーの入れ直しは不要です。

自動で更新できなかったときは、販売サイトから最新版をダウンロードし、今の HemiOverlay フォルダに上書きで展開してください(data フォルダはそのまま使えます)。

14. データとプライバシー

アプリを削除するときは、HemiOverlay フォルダをまるごと削除するだけです(パソコンの他の場所には何も残りません。録画の設定だけは %APPDATA%\TikTokStudioRecorder に残るので、気になる場合は削除してください)。

15. 困ったとき

配信につながらない

OBS にオーバーレイが表示されない

「WindowsによってPCが保護されました」と出る

「詳細情報」→「実行」で起動できます。ウイルス対策ソフトがファイルを削除・ブロックした場合は、HemiOverlay フォルダを除外に追加してください。

急に動かなくなった

TikTok 側の変更が原因のことがあります。アップデートが出ていないか、管理画面の上部か販売サイトをご確認ください。

16. ご注意