本文へスキップ
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVEの
オーバーレイが
反応する。

ギフト、フォロー、いいね、チャットを、TikTok LIVE StudioとOBSでリアルタイムに反応するアラート、目標バー、ランキング、カスタムウィジェットに変えます。

TIKTOKのパスワード不要OBSリンクはひとつだけ無料で始められる
KA@kaicenat LIVE1.2k
コイン目標36%
mia.la
ライオンを贈りました
MI
mia.la このオーバーレイやばいtobi_zockt ゴール!ゴール!ゴール!
イベント受信gift · 14ms
OBS接続済みブラウザソース
gift → alert.play()
3ステップで設定

登録から最初のアラートまで

  1. 1

    TikTokのユーザー名を入力

    無料で登録して@ユーザー名を入力。TikTokのパスワードもインストールも不要です。

  2. 2

    OBSかLIVE StudioにURLを1つ追加

    オーバーレイのリンクをブラウザソースに貼り付け、テストギフトを送って動作を確認。

  3. 3

    ライブ開始

    ギフト、フォロー、いいね、チャットが自動で配信に表示されます。

無料でオーバーレイを作る
01 / AIウィジェットビルダー

AIでTikTok
オーバーレイを
数秒で作成。

画面が揺れるギフトアラートや両側にブロッコリーがいるフォロワー目標のように、作りたいものを入力するだけ。アシスタントがウィジェットを書き、TikTok LIVEのイベントとつなぎ、OBSのオーバーレイに配置します。コードは不要です。MCP経由でClaude CodeやChatGPTから作ることもできます。

  • 1ウィジェット約10秒
  • ギフト・フォロー・いいね・チャットに対応
  • MCP経由でClaude & ChatGPT

コミュニティのウィジェットキットクリエイターが作ったオーバーレイ一式

Roblox Widget Kitコミュニティ作無料

Roblox New Gift Alert

Roblox New Follower Alert

Roblox Live Chat Frame

Roblox Gift Goal Progress

Roblox Follower Counter

Fortnite Widget Kitコミュニティ作無料

Fortnite New Gift Alert

Fortnite Follower Counter

Fortnite Live Chat Frame

Fortnite New Follower Alert

Fortnite Gift Goal Progress

PUBG Widget Kitコミュニティ作

PUBG New Gift Alert

PUBG New Follower Alert

PUBG Live Chat

PUBG Gift Goal

PUBG Followers Counter

GTA Widget Kitコミュニティ作

Los Santos New Gift Alert

Los Santos New Follower Alert

Los Santos Live Chat

Los Santos Gift Goal

Los Santos Follower Counter

Minecraft Widget Kitコミュニティ作

New Gift Alert

Minecraft Live Chat Frame

Minecraft Gift Diamond Goal

Minecraft New Follower Alert

Minecraft Follower Counter Artwork

本物のウィジェット · ライブ信号

ひとつのシーン。 4つのライブレイヤー。

01 / 04

目立つアラート

ギフト、フォロー、シェアのたびに、効果音付きのアニメーションポップアップが配信上に即表示されます。

…

02 / 04

ファンが埋める目標バー

コイン目標やフォロワー目標がリアルタイムで伸びていきます。達成するとオーバーレイ全体でお祝い。

36%
コイン目標
1,780 / 5,000
ギフトが届くたびに上昇 ↑
03 / 04

白熱するランキング

トップギフターがリアルタイムで1位を争います。競争ほどギフトを後押しするものはありません。

トップギフター
MImia.la
2733
KAkayra99
11,204
TOtobi_zockt
3310
4nachtfalke128
04 / 04

自分でウィジェットをコーディング

エディターでHTML、CSS、JSを直接書けます。入力しながらライブプレビューで、思いつくどんなオーバーレイでも作れます。

カスタムウィジェットスタジオ ライブプレビュー
HTMLCSSJS
1TE.on('gift', event => {
2 const alert = createAlert({
3 user: event.user,
4 gift: event.gift
5 });
6 overlay.show(alert);
7});
ギフトイベント受信 18ms
ライブプレビューAUTO
mia.la
バラを贈りました10
MI
エラーなし自動保存TE SDK 1.0
02 / ユーザー名からOBSへ

一度設定したら、
ライブ開始。

ステップ 01 / 03

ユーザー名を接続

公開しているTikTokのユーザー名を入力するだけ。TikTokのパスワードは渡しません。

ステップ 01 / 03

ユーザー名を接続

公開しているTikTokのユーザー名を入力するだけ。TikTokのパスワードは渡しません。

公開TIKTOKユーザー名
kaicenat 見つかりました
ライブイベントを待機中

TikTokのパスワードは不要。公開ユーザー名だけで十分です。

レイヤー 01 · ユーザー名を接続
ステップ 02 / 03

自分好みにカスタマイズ

ウィジェットを選び、見た目を調整し、ライブ前にすべての動きをテストできます。

ウィジェットエディターライブプレビュー
mia.la
バラを贈りました
MI
アクセントアニメーション · ポップ
レイヤー 02 · 自分好みにカスタマイズ
ステップ 03 / 03

OBSに追加

非公開のブラウザソースリンクを一度貼り付けるだけ。あとはライブイベントが動かします。

OBS · ブラウザソース準備完了
非公開オーバーレイURL
tokelements.app/overlay/••••••••
信号接続済みすべてのライブイベントがOBSに表示されます。
レイヤー 03 · OBSに追加
03 / ウィジェットだけじゃない
01 / 06

オーバーレイエディター

すべてのライブ要素をひとつのキャンバス上で配置・重ね順を調整。

オーバーレイ · メインシーン1920 × 1080
ギフトアラート耐久配信の目標
クリエイターツール · ライブプレビュー
01

オーバーレイエディター

すべてのライブ要素をひとつのキャンバス上で配置・重ね順を調整。

オーバーレイ · メインシーン1920 × 1080
ギフトアラート耐久配信の目標
02

ポイント経済

ポイント、残高、交換できるアクションで視聴者にごほうびを。

視聴者ポイントポイント経済 稼働中
KAkaicenat12,480 PT
メッセージをハイライト 5002分追加 1,200紙吹雪を発動 2,500
03

イベントシミュレーター

視聴者が来る前に、ギフト、フォロー、目標を安全にテスト。

イベントシミュレーター安全なテストモード
イベントの種類ギフト · ライオン ×1
14:32:08 オーバーレイがギフトイベントを受信 200 OK
04

Trigger API

権限を絞ったAPIキーで、自作のbotやツールからウィジェットにイベントを送信。

TRIGGER API接続済み
POST /api/v1/trigger{ "event": "gift", "user": "kaicenat", "coins": 2999 }
200 OK · 18ms
05

Spotifyリクエスト

視聴者がライブを離れずに再生キューに参加できます。

SPOTIFYリクエストキュー · 04
再生中視聴者リクエスト@pokimaneが追加
次の曲@xqcのリクエスト03:24
06

ライブシーン

オープニング、休憩、本編などのフルスクリーンシーンを、それぞれの背景とトランジションで切り替え。

シーンオンエア · オープニング
プログラムミッドナイト · フェード
開始まで4:58
オープニングフェードオンエアちょっと休憩スライド待機ライブカットカメラ
04 / ライブの前に

すべて
スッキリ。

初めての配信の前に知っておきたい質問に、短くお答えします。

よくある質問 · 01TikTok LIVEのオーバーレイをOBSに追加するには?

ウィジェットを作成・カスタマイズし、非公開のブラウザソースURLをコピーして、OBSでそのURLをブラウザソースとして追加します。

よくある質問 · 02TikTok LIVE Studioでも使えますか?

はい。オーバーレイのリンクを、TikTok LIVE Studioでは「リンク」ソースとして、OBSではブラウザソースとして追加します。配置したウィジェットはすべて配信に表示されます。

よくある質問 · 03TikTokアカウントでのログインは必要ですか?

いいえ。公開しているTikTokのユーザー名で接続します。TokElementsがTikTokのパスワードを求めることはありません。

よくある質問 · 04完全にオリジナルのウィジェットは作れますか?

はい。ライブプレビューと実際のTikTok LIVEイベントデータを使える、HTML・CSS・JavaScriptエディターを内蔵しています。

よくある質問 · 05「まもなく開始」や休憩画面は出せますか?

はい。ひとつのオーバーレイに、オープニング、休憩、本編など複数のシーンを作れます。それぞれにフルスクリーン背景(内蔵プリセット、単色、または自分の画像)と専用のウィジェットを設定可能。ライブ中に切り替えるとトランジションでクロスフェードし、カメラ映像が現れます。

05 / 料金

配信は無料。
作るならPRO。

オーバーレイ、アラート、目標バー、チャット、ランキング、すべてのテンプレートは無料のまま。試用期限もありません。Proは自分でウィジェットを書きたい人向けです。

無料
$0ずっと

OBSにライブオーバーレイを表示するのに必要なものがすべて揃っています。カード不要、ウォーターマークなし。

  • OBSにオーバーレイ、ブラウザソースはひとつ
  • テンプレートカタログのすべて
  • アラート、目標バー、チャット、ランキング、ポイント
  • コードエディターで自分のウィジェットを作成
  • どのウィジェットのhtml、css、jsも編集可能
  • エディター内でAIを使ってウィジェットを作成
  • 視聴者25,000人分のポイントデータベース(無料:1,000人)
  • DiscordのProロール
無料アカウントを作る
PRO
$18月額

または年額$151.20(月あたり$12.60)。USDで請求、いつでも解約できます。

  • OBSにオーバーレイ、ブラウザソースはひとつ
  • テンプレートカタログのすべて
  • アラート、目標バー、チャット、ランキング、ポイント
  • コードエディターで自分のウィジェットを作成
  • どのウィジェットのhtml、css、jsも編集可能
  • エディター内でAIを使ってウィジェットを作成
  • 視聴者25,000人分のポイントデータベース(無料:1,000人)
  • DiscordのProロール
Proを始める

決済はCreemが販売代理人(merchant of record)として処理し、該当する場合は決済時に税金が加算されます。プランは設定で解約するまで同じ期間で自動更新されます。初回のお支払いにご不満ですか?7日以内にご連絡いただければ返金します。詳しくは利用規約をご覧ください。

06 / コミュニティ

DISCORDに
参加しよう。

配信者が配信者を助け合う場所です。毎日ライブ配信している人たちから答えをもらい、作ったものを見せ、次に実装する機能に投票しましょう。Proメンバーには名前にProロールが付きます。

Discordに参加する無料 · 7言語でサポート · 誰でも参加OK
  • サポートOBS、TikTok接続、動かないウィジェット。本物の人が、すばやく答えます。
  • ショーケースオーバーレイを投稿し、他の配信からアイデアをもらい、ライブ前にフィードバックを受けられます。
  • ロードマップ機能に投票して、実装されるのを見届けましょう。最高のアイデアは配信している人から生まれます。
  • Proロール設定でDiscordを一度連携するだけで、名前にProロールが自動で付きます。
07 / 次の配信へ

すべての瞬間を
盛り上げよう。

最初のTikTok LIVEオーバーレイを作って、非公開リンクひとつでOBSに追加しましょう。

無料でオーバーレイを作るTIKTOKのパスワード不要 · 無料で始められる · PROは月額$12.60から