9 Setting and operating captions

This chapter describes how to configure and operate the caption function of this product.

The caption function allows you to composite still images and text onto the video being streamed. You can use it to display a message to viewers or a logo on the video being streamed.

9-1 Basic method for creating and editing captions

Captions in this product are composed of multiple “layers” and are expressed as a composite result of overlapping these layers. There are two types of layers: “image layers” and “text layers.” The desired caption can be created by first creating an empty caption, and then adding the raster image and text required for the caption content as an image layer and a text layer, respectively.

When using an image layer, you must create a still image to be used as a layer in advance using an image editing software, and upload the image to the memory of this product in LiveShell Studio. Text layers can be entered and edited in LiveShell Studio.

Creating a new caption

To create a new caption, please do the following.

1. 「テロップ」タブ内に表示されている「新規作成」ボタンを押してください。
   

2. 「テロップ編集」ダイアログが表示されます。この時点では、テロップの内容を構成するレイヤーはなく、一様に透明なテロップとなっています。
   

3. テロップには、任意の名称を付与することができます。新規で作成したテロップの名称は「新規テロップ」となっています。名称の横にある「変更」ボタンをクリックすることで、名称の変更が可能です。
   

Adding a Layer

To add a new layer to a caption, do the following.

1. 「レイヤー」内の下部に表示されている「＋」ボタンを押してください。
   

2. 「画像」か「テキスト」のいずれかを選択するサブメニューが表示されます。画像レイヤーを追加する場合は「画像」を、テキストレイヤーを追加する場合は「テキスト」を、それぞれ選択してください。
   

Adding an image layer

To add an image layer, please do the following.

1. If you select “Image” in “Add layer” in the previous section, you will be asked to upload an image file. Select the image file you created in advance on the operating device and upload it. This image must meet the following conditions.

この画像は、以下の条件を満たすものでなければなりません。

• the file format must be a PNG image.”

• 画像の解像度がシステム映像フォーマットと同じであること

  • たとえば、システム映像フォーマットを 1920×1080 60p に設定している場合には、画像サイズは 1920×1080 ドット、システム映像フォーマットを 1280×720 60p に設定している場合には、画像サイズは 1280×720 とすることを推奨します。

  • 画像の解像度がシステム解像度と異なる場合は、システム解像度と同一のサイズに縦横比を無視して補正し、合成します。

• The file size must be 4 MB or less.\ Note that only one image layer can be added.

2. プレビューは自動的には更新されません。確認する場合には「プレビュー」をクリックして更新してください。
3. レイヤー名を編集する場合には「編集」を押してください。
4. 任意のレイヤー名を入力し「保存」を押してください。
5. 全ての編集が完了したら「保存」をクリックしてください。
6. 保存が完了すると自動的に「テロップ編集」ダイアログが閉じられます。

Adding an Text layer

To add a Text layer, please do the following.

1. 前項の「レイヤーの追加」で「テキスト」を選択すると、テキストテロップの編集画面が表示されます。
   この画面では、テロップとして表示する文字の内容のほかに、テキストの大きさ、色、画面上の配置などの指示を編集することができます。
   編集方法は各内容により異なります。それぞれ、以下の個別手順を参照してください。

• Text Content\ → Text content

• Text Font\ → Text Font

• Text Size\ → Text Size

• Horizontal Text alignment\ → Horizontal text alignment

• Text Positioning\ → Specifying the text position

• Text color and Transparency\ → Text color and transparency

2. プレビューは自動的には更新されません。確認する場合には「プレビュー」をクリックして更新してください。
   

3. レイヤー名を編集する場合には「編集」を押してください。
   

4. 任意のレイヤー名を入力し「保存」を押してください。
   

5. 全ての編集が完了したら「保存」をクリックしてください。
   

6. The “Caption edit” dialog will close automatically once saving is complete.

Text content

「テキストを入力…」と表示されたテキストボックス内に、テロップとして表示する任意の文字を入力してください。

Text Font

テキストの書体は「フォント」内に表示されているプルダウンメニューから選択してください。

Text Size

テキストの大きさは、ピクセル単位で指定できます。大きさの初期値は 100 px です。

Horizontal text alignment

You can choose the horizontal alignment of text from “left justified,” “center,” or “right justified.” This selection determines which part of the text will be used as the basis for positioning when you “specify the text position” as explained in the next section. The basis for positioning is as follows:

• If you select left justified, the left edge of the text

• If you select center, the center of the text

• If you select right justified, the right edge of the text

テキストの水平方向の配置は手動で設定できるほか、「位置指定ボックス」を使ってテキストの位置指定を行ったときには、自動的に設定が行われます。

Specifying the text position

You can specify the position of text within the caption area using the position box, slider, or by entering the X/Y coordinates.

Using the position box, you can position the text in the caption area with one click to one of the following positions: “Center”, “Top center”, “Bottom center”, “Top left”, “Bottom left”, “Top right”, or “Bottom right”. The horizontal position of the text is also automatically set according to this positioning. If you position the text in the “Center”, “Top center”, or “Bottom center”, the horizontal position of the text will be set to “Center” and it will be centered within the caption area. If you position the text in the “Bottom left” or “Top left”, the horizontal position of the text will be set to “Left justified”, and the left edge of the text will be aligned to the left edge of the caption area. Similarly, if you position the text in the “Bottom right” or “Top right”, the horizontal position of the text will be set to “Right justified”, and the right edge of the text will be aligned to the right edge of the caption area.

テキスト位置の微調整は、水平方向については、位置指定ボックスの下にあるスライダーを動かすことで、垂直方向については位置指定ボックスの右にあるスライダーを動かすことで行うことができます。また、X と Y の座標に即値を入力することでも、位置の指定を行うことができます。値の単位はパーセントであり、画面上左端を原点とした水平および垂直解像度に対する比による指示となります。

Text color and transparency

You can specify the color of the text body, background, and border separately. You can also specify the transparency of each element. Areas without any of these elements will be transparent.

色の指定は、カラーピッカーによる選択、16進法の #RRGGBBAA の形式での指定、または、赤、緑、青、透明度の即値入力により行うことができます。色を即値で入力する場合は、0 が最小置、255 が最大値です。透明度は 0 で完全に透明、255 で完全に不透明となります。透明度の値は、丸め処理の都合上、設定した値とは 1 ずれることがありますが、異常ではありません。

Editing layers

レイヤー一覧において、編集したいレイヤーを選択すると、当該レイヤーの再編集が可能です。再編集できるのは、以下の項目です。

Changing layer name

画像レイヤーおよびテキストレイヤーには、任意の名称を付与することができます。レイヤー名の横にある「変更」ボタンを押すことで、名称の変更が可能です。

Re-editing text layers

Text layers can be re-edited in the same way as when the layer was added.

Re-editing image layers

Image layers cannot be edited. To change the contents of an image layer, first delete the layer and then add a new image layer.

Changing the layer stacking order

レイヤー一覧において、重ね順を変更するレイヤーを選択し、「↑」または「↓」を押すことで、レイヤーの重ね順を変更することができます。より上位にあるレイヤーが前面に合成されます。

Deleting layers

レイヤー一覧において、削除したいレイヤーを選択し、ごみ箱アイコンを押すと、選択したレイヤーを削除することができます。削除したレイヤーは復元できません。

Saving captions

レイヤーの追加および編集後、「保存」ボタンを押すと、テロップを保存し、編集を終了します。なお、「キャンセル」を押すと、編集内容を保存せずに終了します。

Re-editing a caption

テロップのサムネイルの横にある「編集」アイコンを押すことで再編集を行うことができます。再編集では、レイヤー順序の変更や、レイヤーの差し替え、テキストレイヤーの再編集などを行うことができます。

Deleting a caption

テロップのサムネイルの横にある「削除」アイコンを押すことで削除することができます。いったん削除したテロップは、復元できません。

テロップの複製

すでに作成したテロップを複製することができます。

1. 複製したいテロップのサムネイルを押して選択状態とします。選択状態となると緑色の枠で囲まれます。
   

2. 左下の「複製」ボタンをクリックします。
   

3. 選択したテロップが複製されます。

9-2 How to combine captions

To combine a caption you created with the streaming video, please do the following.

1. 適用したいテロップのサムネイルを押して選択状態とします。選択状態となると緑色の枠で囲まれます。
   

2. 右下の「適用」ボタンをクリックします。
   

If you select a new caption and apply it while already combining another caption, the caption to be combined will be changed to the newly selected caption.

To stop combining captions with the streaming video, do the following.

1. テロップサムネイル左側に表示されている「OFF」を押して選択状態とします。選択状態となると緑色の枠で囲まれます。
   

2. 右下の「適用」ボタンをクリックします。