スマホ優先の 1080×1920 キャンバス
OBS の出力と Browser Source をどちらも透明背景の 1080×1920 に設定します。縦型シーンはスマホで見られるため、読みやすいフォント範囲は横型より少し高めになります。
縦長で狭いフレームは横方向の余白が少ないので、幅広い複数行の積み重ねよりも、1 行あたりの語数を減らしたコンパクトなブロックを優先します。
| 設定 | 縦型のレシピ | 理由 |
|---|---|---|
| ソースサイズ | 1080×1920 | スマホ優先の縦型キャンバスに一致する |
| フォントサイズ | 36–56px | 毎行を折り返さずにスマホで読める |
| アンカー | bottom-center または middle-center | 歌詞をカメラやプラットフォームの UI から離す |
既定は 1 行、または 3 行のコンパクト表示
まず player-single で始めるか、player-multi を 3 行のコンパクト表示に制限し、36–56px にします。演者とコメントが画面に入ると、5 行のブロックは縦型のセーフエリアにほとんど収まりません。
無料プランではコンテキストのクランプがすでに複数行を 3 行のコンパクト表示に制限しているため、縦型の既定値は多くを約束するのではなく、そのプランの上限に合っています。
コメント、ギフト、プラットフォームの操作系を避ける
縦型プラットフォームは端に沿って独自のコメントストリーム、ギフトアニメーション、操作ボタンを重ねます。歌詞はその UI を避けられる帯、通常は中央より少し上か、低めでもコメント欄より上に配置します。
スマホサイズでプレビューします。ある行がコメントと衝突する場合は、視聴者に届く前にフォントを小さくするか 1 行に切り替えます。
TikTok LIVE は配信先であり、ソースではない
StreamLyric は Chrome の YouTube Music 再生から歌詞を読み取り、Overlay にレンダリングします。OBS が 1080×1920 のシーンを合成し、あなたはそのシーンを TikTok LIVE や別の縦型配信先へ送ります。
この経路に TikTok API はなく、TikTok 公式の歌詞機能もありません。StreamLyric は元となる楽曲のライセンスを提供しないため、あなたのアカウントに適用される音楽・歌詞・プラットフォームの権利に従ってください。
手順
- 011080×1920 のキャンバスを設定
OBS の出力と Browser Source をどちらも透明背景の 1080×1920 に合わせます。
- 02コンパクトなレイアウトを選ぶ
スマホ優先のフレームにブロックが収まるよう、player-single か 3 行の player-multi を 36–56px で使います。
- 03プラットフォームの UI を避けて配置
コメント欄の上にアンカーし、ギフトアニメーションや操作ボタンから離します。
- 04スマホサイズでプレビュー
ある行がコメントと衝突したら、フォントを小さくするか 1 行に切り替え、Overlay の URL は隠したままにします。
よくある質問
これは StreamLyric を TikTok に接続しますか？
いいえ。TikTok LIVE は配信のシナリオにすぎません。StreamLyric は OBS で歌詞レイヤーを提供するだけで、TikTok API を呼び出すことは決してありません。
縦型シーンには何行入りますか？
通常は 1 行、または 3 行のコンパクト表示です。演者とコメントがフレームを共有すると、5 行のブロックはセーフエリアでほとんど生き残れません。
1080×1920 に合うフォントサイズは？
毎行を折り返さずにスマホで読めるよう、36–56px から始めます。