Screenberry logo
Display Editor

Display Editor

概要

Display(ディスプレイ) は、メディアサーバーの出力画面上に描画する映像ソースの解像度とピクセル座標を定義します。

ユーザーはDisplay Editorを利用して、新しい Display の追加や Display のサイズ、位置、重ね順序の設定、Display 配列の作成、Display の入れ替えのほか、Display に関する様々な設定を行うことができます。Display EditorCanvas(またはRender Target)ウィジェット内でアクセスできます。

基本的な映像再生のノードグラフの例と、それをDisplay Editorで表示した例:

Media Playerノード (1) は、解像度が 1240 x 768 ピクセルで、Canvasノード (3) の(0,0)座標に配置された Displayノード (2) に映像を送信します。Canvasノードは、解像度が 1960 x 1280 ピクセルのサーバー出力画面を定義しています。

Display Editorにアクセスするには、ワークスペースにCanvas(またはRender Target)ウィジェットを追加し、ウィジェットの左上にあるDisplaysタブをクリックしてDisplays表示に切り替えてください。

Display の追加

新しい Display を追加するには、以下の手順を実行してください:

  1. Canvas(またはRender Target)ウィジェットを開きます。
  2. ウィジェットの左上にあるDisplaysタブをクリックして、Displays表示に切り替えます。
  3. ツールバーの左上にあるAdd Displayボタンをクリックするか、Displayウィジェットの空白の領域を右クリックして、ドロップダウンメニューからAdd Displayを選択します。
  4. 表示されたダイアログボックスに新しい Display 名を入力し、OKを押します。

デフォルトでは、追加された Display はCanvasと同じ解像度になります。

関連するCanvas(またはRender Target)ノードに自動的にリンクされ、ノードグラフに対応するDisplayノードが作成されます。

逆に、ノードグラフに新しいDisplayノードを追加し、それをCanvas(またはRenderTarget)ノードにリンクすることでもDisplayを構築できます。

Display 配列の作成

ビデオカードの個々の画面出力(またはビデオデバイス)の解像度とピクセル座標に合わせた同じレイアウトの Display のセットを構築したものです。

Display 配列を作成するには、以下の手順を実行します:

  1. Canvas(またはRenderTarget)ウィジェットを開きます。
  2. ウィジェットの左上にあるDisplaysタブをクリックして、Displays表示に切り替えます。
  3. ツールバーの左上にあるCreate Display Arrayボタンをクリックするか、Displays表示内の空白の領域を右クリックして、ドロップダウンメニューからCreate Display Arrayを選択します。
  4. 表示されたダイアログボックスで、Display 配列の行(Rows)と列(Columns)の数を入力し、Displayに接続する Patch のタイプを選択してOKをクリックします。

その結果、Canvasが等しい領域に分割された Display の配列が作成されます。Display は、左から右、上から下に向かってDisplay 1Display 2Display 3などと名前が付けられます。同時に、関連するDisplayノードと関連するPatchノードがNode Graphに追加され、リンクされます。

メモ: Display 配列の作成によって、現在の Canvas に追加されているすべての Display は削除されます。

Display 名の変更

Display の名前を変更するには、次のいずれかの方法を使用します:

  • Display を右クリックし、ドロップダウンメニューからRenameを選択し、表示されたダイアログボックスに新しい Display の名前を入力し、OKをクリックします。
  • Display を選択し、Display のSettingsパネルのヘッダーで Display 名を変更します。

Display の選択

Display を選択するには、Display Editor内の Display を左クリックするか、ナビゲーションツリー内の Display 名をクリックします。

Display Editor内の Display またはナビゲーションツリー内の Display 名を**Shift**キーを押しながらクリックすることで、複数の Display を選択することができます

複数の Display は、Display Editorの空白領域をマウスで左ドラッグすることで一度に選択することもできます。

右から左にドラッグすると、矩形の選択範囲に接触するすべての Display が選択されます。

左から右へのドラッグ操作の場合、長方形の範囲内にある表示物のみが選択されます。

Display の表示位置とサイズ

Display Editorで Display を移動するには、Display を左クリックしてドラッグします。複数の Display が選択されている場合、選択された Display のグループ全体が移動します。

デフォルトでは、自動スナップオプションが有効になっています。Display の位置を変更すると、その境界線は他の既存の Display や Canvas の境界線にスナップします。一時的にスナップを無効にするには、Shift キーを押しながら Display をドラッグします。

Display の位置を変更する別の方法は、Display Editorで Display を選択するか、ナビゲーションツリーで Display 名を選択し、SettingsパネルのPositionパラメータのXYの値を変更することです。

また、Settingsパネルで表示のサイズも調整できます。SizeパラメータのWHの値を変更してください。

Display のコピーと貼り付け

Display Editorで Display をコピーして貼り付けするには、次のいずれかの方法を使用します:

  • Display(または選択した複数の Display)を右クリックし、ドロップダウンメニューからCopyまたはCutを選択し、その後Pasteを選択します。
  • キーボードショートカットを使用します: Ctrl + C でコピー、Ctrl + X で切り取り、Ctrl + V で貼り付けします。

Display の削除

Display を削除するには、次のいずれかの方法を使用します。

  • Display を右クリックし、ドロップダウンメニューからDeleteを選択します(または Del キーを押します)。
  • ノードグラフ内の対応するDisplayノードを削除します。

Display の無効化

ノードグラフ(詳細はノードの状態を参照)でDisplayノードを無効化すると、Display Editor内の対応する Display も無効化されます。ノードが無効化されていることを示すため、Display には取り消し線が描かれます。

Display の入れ替え

Display を入れ替えるには、左上のツールバーにあるSwap Displaysタブをクリックするか、Displays表示の空白の領域を右クリックし、ドロップダウンメニューからSwap Displaysを選択します。次に、以下の手順を実行します。

  1. Swap欄のドロップダウンメニューから Display を選択します。リスト内の次の Display に移動するには、Skipボタンまたは Enter キーを押します。
  2. 選択した Display が表示されたら、With欄に入れ替える Display の名前を入力し、Applyボタンを押します。

メモ: この手順はセットアップ中に特に役立ちます。サーバーに映像表示デバイスを接続する際に、順序を気にする必要はありません。後でSwap Displays機能を使用して簡単に並びを変更できます。

Display の重ね順序を変更する

Display の重ね順序を変更するには、Display Editorで Display を右クリックし、ドロップダウンメニューから次のいずれかを選択します。

  • Arrange > Bring To Frontは、Display を最前面に移動します。
  • Arrange > Bring Forwardは、Display を重ね順の一つ上に移動します。
  • Arrange > Send Backwardは、Display を重ね順の一つ下に移動します。
  • Arrange > Send To Backは、Display を最背面に移動します。

また、Display の重ね順序は、ノードグラフ内のDisplayノードとCanvasノードを接続するリンクの並べ替えによっても変更できます(詳細はノードリンクの並べ替えを参照してください)。

Display は、DisplayノードがCanvasノードにリンクされる順序に基づいて上から下に積み重ねられます。つまり、後続のノードリンクを持つ Display がそれらの Display の上に重なって表示されます。

Display のテストパターンを表示する

Display にテストパターンを表示するには、Settingsパネルで、Test Patternドロップダウンから次のいずれかを選択します: Display 名数字グリッドカラーバー、またはグラデーション

Display 出力映像の回転

1 つ以上のプロジェクターやディスプレイパネルが縦向きや上下逆さまに配置されている場合、該当する Display 出力映像の向きが変更できると便利です。これにより、デバイスを物理的に動かすことなく、画面上の操作で修正を行うことができます。

Display の出力映像を回転させるには、Settingsパネルにアクセスして、Rotate Degreeドロップダウンの中から次のいずれかを選択してください: 90° 時計回り90° 反時計回り、または180°

Display Editor でのズームとパン

Display Editorで特定のエリアをズームインおよびズームアウトするには、マウスカーソルをそのエリアに重ね、マウスのスクロールホイールを使用します。または、右上隅にあるズームボタンをクリックしてマウスを移動させることで拡大率を変更することもできます。

ビューをパンするには、マウスの左ボタンを押しながらドラッグするか、右上隅にあるパンボタンをクリックし、マウスを移動させてください。