Genvid Studio サービス

警告

Genvid Studio とコンポジションの機能はプレビューとして利用できます。ここで紹介する各要素は、今後変更される可能性があります。現在のバージョンは Google Chrome でのみサポートされています。

Studio サービス は、Genvid スタックのコンポジション機能を Web インターフェイスで公開します。これは、ゲームの 2 つのインスタンスまたは Genvid Ingest のどちらでも使用できます。この例では、異なる方法で構成された DirectX Cube サンプル統合 サンプルの 2 つのインスタンスを使用します。

DirectX のインスタンスのうち 1 つから別のインスタンスへ出力を切り替えたり、PIP (ピクチャ・イン・ピクチャ) の合成を行ったりすることができます。PIP モードでは、Cube サンプルのいずれかを背景ピクチャまたは PIP ウィンドウの入力として選択できます。2 つの間のトランジションとウィンドウの位置を指定することもできます。

クラスタ設定

  1. Start a local cluster
  2. Set up the DirectX sample

Studio、Studio Monitor、およびコンポジション機能は、デフォルトで有効になっています。これらは Start All ボタンをクリックすると、他のサービスとともに起動します。

Studio のリンクが有効な場合、クリックして Studio ページにアクセスしてください。

重要

デフォルトでは、オーディオストリームは無効になっています。有効にする場合は、Studioサービスを開始する前に、そうする必要があります。

オーディオストリームの有効化は Genvid 設定 で行うことができます。Encode > Input を開き、Silent フィールドを false に設定します。

Studio サービスを無効にする

  • ジョブが実行されている場合は、 Stop All ボタンをクリックします。
  • 設定 > Genvid 設定 ページへ行きます。。
  • Studioサービス、コンポジション機能、Monitorを無効化します。
studio service
composition options

また、以下のコマンドで独自のHashiCorp設定ファイルを読み込むことができます。

  • ローカルクラスタ用:

    genvid-sdk load-config myhclfile.hcl
    
  • クラウドクラスタ用:

    genvid-sdk -c $mycluster load-config myhclfile.hcl
    

以下は設定例です。

version = "1.7.0"

settings {
   services {
      studio {
         enable = false
      }
   }
   encode {
      composition {
         enabled = false
         has_monitor = false
      }
   }
}
  • Start All ボタンをクリックして、ジョブを再始動します。

Studio Website

警告

Studio Website の現在のバージョンは Google Chrome でのみ動作します。プレビューとしてのみ利用可能で、インターフェイスは今後変更予定です。

YouTube または Twitch でストリーミングする際の配信開始方法

重要

ストリーミングサービスが standalone に構成されている場合、ON AIR ボタンは配信に影響しません。

ストリーミングサービスが他のOVPに設定されている場合は、自動的に放送が開始されます。

  • Genvid 設定 broadcast/enabletrue に設定されているとき

ストリーミングサービスが他のOVPに設定されている場合、配信が開始されません。

  • Genvid 設定 broadcast/enablefalse に設定されているとき
  • ON AIR ボタンが off のとき

配信を開始するには、Studio UI 左下の ON AIR ボタンをクリックします。選択したストリーミングサービス (例: YouTube や Twitch) で生成される遅延に応じて、配信が始まります。

ON AIR button

モニタ

コンポジションページの一番上に、モニタ画面があります。ここには 4 つのエリアがあります。

  1. 左上 (プレビュー) は、現在のコンポジション設定画面です。
  2. 右上 (プログラム) は、現在配信されている出力です。
  3. 左下は入力その 1 です。
  4. 右下は入力その 2 です。

まだ DirectX のインスタンスを 1 つ開始したところなので、有効な入力は 1 つだけです。

Monitor Screen

コンポジションの編集

コンポジションを変更するためのコントロールがあります。コントロールの個々のページを開くか、あるいはダッシュボードですべてのコントロールを一度に開くことができます。

Composition Controls

例 - ビデオソースの切り替え

Cluster-UI の Jobs ページで、 「directx」 の横にある緑色の矢印をクリックし、2 つ目の DirectX インスタンスを開始します。

directx Count

これで有効な入力が 2 つになりました。

Dual Inputs

Video Mixer の Source で、有効なソースに Source 1 を選択します。

Select Source 1

Source 1 がプレビューエリアに表示されます。この間も Source 0 は配信されています。

Source1 Selected

Studio UI の右下にある Cut をクリックし、ストリーミング を Source 1 に切り替えます。

Click Cut

Source 1 が配信されます。

Source1 Broadcast

例 - PIP を有効にする

Video Mixer の Layout のドロップダウンリストから Picture-in-Picture を選択します。

Select Pip

Source 1 が背景画像となり、Source 0 に PIP ウィンドウが表示されます。

Pip

Compose の Transition セクションで Cut をクリックして、ストリーミング を PIP 合成映像に切り替えます。

Click Cut

PIP 合成映像が配信されます。

Pip Broadcasted

他の設定も試してみてください。

警告

Chroma Key Filter を使用する場合、エンコードマシンには c5.4xlarge 以上のものを使用することをお勧めします。性能の低いインスタンスでは、システムがいくつかのフレームをメモリに蓄積することになり、メモリ不足となる場合があります。

蓄積されるフレーム数は、エンコーディングパラメータ、ソースとデスティネーションのFPS、ソース画像のコンテンツの複雑さなど、多くの要因に依存します。GVEncode`` のメモリ使用量の監視に関する詳細は、Hashicorp ドキュメント を参照してください。

ダッシュボード

ダッシュボードは、すべてのコントロールパネルがカスタマイズされたレイアウトです。新規作成したり、変更したりすることができます。

Dashboard

ダッシュボードを作成する

ダッシュボードを作成するには、Dashboards メニューを開き、New Dashboard をクリックします。ダッシュボード作成画面が開くので、ID を入力し、Create をクリックします。

New Dashboard

ダッシュボードを編集する

ダッシュボードを編集するには、ダッシュボードがアクティブな状態で、ナビゲーションバーの Edit ボタンをクリックします。コントロールパネルの追加、削除、移動、サイズ変更が可能です。

  • 有効化するコントロールパネル名をクリックします。
  • コントロールパネルを削除するには、コントロールパネルの右上ウィンドウの赤い × をクリックします。
  • すでにダッシュボード上にあるコントロールパネルに対応するメニュー項目は無効化されています。
  • ダッシュボードのレイアウト変更を保存するには、Save ボタンをクリックします。
  • ダッシュボードを削除するには Delete ボタンをクリックします。
New Dashboard

Source 設定

Source Settingsコンポーネントを使用して、RTMSPフィードを受信する形式を選択します。Source Settingsを編集するには、Sourceコンポーネントの右上にあるペンアイコンをクリックします。

Source Settings

Resolution

RTMSPソースの幅と高さを決定します。

Mute Audio

このボックスをチェックすると、ソースのオーディオが無音になります。ローカル環境での開発では、フィードバックループが発生しないようにこの方法を使用します。

Stamp Timecode

このボックスをチェックすると、ソース画像にタイムスタンプが書き込まれます。ソースタイムコードは、右下に表示されます。同期を確認するために使用します。

モニタ 設定

Monitor Settings コンポーネントを使用して、配信のプレビューを表示する形式を選択します。モニター設定を編集するには、モニターコンポーネントの右上にあるペンのアイコンをクリックします。

Monitor Settings

Enable Composition

入力ソースを単一のストリームに限定する場合は、このボックスのチェックを外します。

Show Monitor

プレビューモニタに映像を表示する場合は、このボックスにチェックを入れます。通常は有効にしておいてください。

Resolution

プレビューモニターの画像の幅と高さを決定します。

Audio and Video Bitrate

プレビューモニタのビデオおよびオーディオのビットレートを設定します(単位:ビット/秒)。

配信の設定

配信設定のコンポーネントを使って、配信セッションに必要な出力を設定します。

Broadcast Settings - Provider component - Standalone Broadcast Settings - Provider component - Youtube

以下のフィールドがあります。なお、スタンドアロンモードでは、アスタリスクの付いたフィールドのみが必須となります。

変更が完了したら、サービスを再起動して変更を適用してください。

サービス

オンラインビデオプラットフォーム(OVP)を選択します。ローカル環境で開発・テストする場合は、「Standalone」を選択します。

Title

MILEに関連する名称をつけます。この名称はOVPに表示されます。

Description

視聴者に説得力のある、意味のある説明文を追加してください。この説明文は、OVPに表示されます。

Token

この機能はまだ使用できません。

Stream key

OVPから提供されたストリームキーを入力します。詳細についてはこちらをご覧ください:

Channel (Twitch用)

あなたの Twitch チャンネル名を入力してください。詳細についてはこちらをご覧ください Twitch 設定方法.

Video ID (YouTube用)

あなたの Twitch チャンネル名を入力してください。詳細についてはこちらをご覧ください Twitch 設定方法.

Ingest Address

ストリーミングサーバーのアドレスを入力します。通常は 「rtmp(s)://」 で始まります。

Preset

以下の値のいずれかを返します。

  • 1080p/30 fps
  • 720p/30 fps
  • 1080p/60 fps
  • 720p/60 fps
  • カスタム

各プラットフォームの推奨出力に応じた設定が自動的に行われます。選択内容に応じて、ビデオとオーディオのビットレートも調整されます。

推奨設定については、こちらをご覧ください:

Resolution

解像度は720pと1080pに対応しています。

FPS

フレームレートは、30fpsと60fpsに対応しています。

Video and Audio Bitrate

映像と音声のビットレートは、選択したOVPの配信ガイドラインに合わせて自動的に設定されます。

Delay Offset

ビデオタイムコードに対して、ゲームデータに追加したい遅延秒数を入力します。OVPがビデオストリームより系統的な遅延があることが分かっている場合に、ストリームを同期させるために使用します。

Stamp Timecode

画像にタイムコードを書き込む場合は、このボックスにチェックを入れます。出力されるタイムコードは左上に表示されます。

同期を確認するために使用します。

Initial Data Cache

メモリキャッシュに保存するデータストリームの秒数を設定します。

初期データキャッシュは遅延をカバーするため、最小値が少なくともOVPの遅延の値に設定されていることを確認してください。Web SDKは、接続時にこのバッファを使用して、参加者が即座にデータを利用できるようにします。

遅延値の探し方については、ご使用のOVPのマニュアルをご参照ください。

最小キャッシュ値(Min)が遅延よりも低い場合、参加者がストリームに接続したときにデータがすぐに表示されないという遅延が発生する可能性があります。

最大キャッシュ値 (Max) を設定することで、どの程度の頻度でキャッシュを最小値に戻すかを決定します。例えば、最小値を15秒、最大値を25秒に設定した場合、キャッシュが25秒のデータを蓄積するたびに、最も古い10秒を削除して、最初のサイズである15秒に戻ります。そして、25秒になるまで再びデータを蓄積し、このプロセスを何度も繰り返すことになります。

しかし、キャッシュに保存するデータが多すぎて、無駄にメモリ使用量が増えてしまうことを心配されるかもしれません。しかし、最大値を25秒に設定すれば、1日中ストリーミングを行っても、25秒以上の使用オーバーヘッドが発生することはないでしょう。このようなオーバーヘッドの数値は、一般的にコストを大幅に増加させることはありません。

重要

どのような場合に超過料金が発生するかについては、お客様のホスティングプロバイダにご確認ください。

デフォルトでは、Genvid Settingsは選択したOVPのレイテンシー値に一致します。例えば、YouTubeには**ultralow**の遅延値を使用します。OVPに異なる設定が必要な場合は、これらの値を直接調整することができます。

シーン

シーンは特定の目的のために、コンポジションを並べたものです。様々なコンポジションを含む様々なシーンを作成して、切り替えることができます。

デフォルトシーン

新しいダッシュボードを開くと、Studio はデフォルトの構成でシーンを自動的に作成します。 Edit ボタンをクリックして、名前やコンポジションの配置を変更することができます。リストにシーンが 1 つしかない場合は、 Delete ボタンは無効になります。

Default Scene

シーンの作成

現在のコンポジション配列を使用して新しいシーンを作成するには:

  1. Scene パネルの + New Scene をクリックします。Add New Scene ダイアログボックスが開きます。
  2. シーン名を入力します。
  3. ADD をクリックします。
Create a scene

シーンの表示/編集

シーンを表示、編集するには:

  1. 編集するシーンのクレヨンアイコンをクリックします。Edit Scene ダイアログボックスが開きます。
  2. シーン名を変更することもできます。名前がすでに使用されている場合、 CONFIRM CHANGES ボタンがグレーアウトされ、保存することができません。
  3. CONFIRM CHANGES をクリックします。
Edit a scene
Edit a scene

シーンの複製

既存のシーンを元に新しいシーンを構成するには:

  1. 複製する既存のシーンを選択します。
  2. Scene パネルで、+ New Scene をクリックします。
  3. シーン名に使用する、異なる名前を入力します。
  4. ADD をクリックします。

既存のシーンから、コンポジションの配列が複製され、さらに変更できるようになります。

シーンの修正

既存のシーンを修正するには:

  1. 変更するシーンを選択します。
  2. 必要に応じて制御値を変更します。

シーンのコンポジションを変更すると、Reset および Save ボタンが表示されます。Save をクリックして変更内容を保存、または Reset を押してやり直します。

Modify a scene

注釈

修正中のシーンが、現在の配信ストリームの場合 (名前の横に青色の点が表示されている場合)、Auto-Cut が有効になっている場合を除き、変更内容が配信に自動で適用されることはありません。その場合には、CUT をクリックして、変更内容をストリームに適用してください。

シーンを削除する。

シーンの横にある Delete`ボタンをクリックして削除することができます。ただし、シーンは最低 1つは必要であるため、最後に残っているシーンについては、 :guilabel:`Delete ボタンが無効になります。

Delete button enabled
Delete button disabled

シーンの切り替え

他のシーンに切り替えるには:

  1. 配信するシーンを選択します。
  2. CUT をクリックします。

シーン名の横に青色の点が表示され、現在の配信ストリームがそのシーンを使用していることを示します。

Switch between scenes

シーン選択の Auto-Cut

オートカット**機能を有効にすると、 CUT をクリックしなくても、すぐに新しいシーンに切り替わります。

別のシーンを選択したときに自動的に放送ストリームを変更するには、 Auto-Cut チェックボックスをオンにします。現在のシーンに変更を加えた場合は、シーンを保存すると同時に保存され、配信されます。

Auto-Cut on scene selection

デフォルトでは Auto-Cut チェックボックスはオフになっています。

注釈

Auto-Cut チェックボックスの状態は、クライアント側に保存されます。Studioを停止して再起動したり、ブラウザのキャッシュをクリアしたりすると、デフォルトのクリアされた状態にリセットされます。

ライブコンポジション

ライブコンポジション モードは Auto-Cut をグローバルに設定するのに似ています。シーン、オーディオミキサー、ビデオミキサーコンポーネントに加えた変更はカットなしで自動的にストリームに送信されます。

ライブコンポジション を有効にすると、Studio のダッシュボードに 2 通りの影響があります。

  1. オートカット 機能が有効になり、チェックボックスが無効になります。直接無効にすることはできません。
  2. Status パネルに Live Composition Mode: Enabled の表示が出て、guilabel:Disable ボタンが追加されます。
Live composition enabled

Live Composition(ライブコンポジション)を有効にする

Live Composition を有効にするには:

  1. CUT ボタンの横にある、3 点ボタンをクリックします。

    Enable Live Composition Mode

    警告画面が表示され、Live Composition モードの内容が表示されます。

  2. ラLive Composition を有効にするには YES をクリックします。

    Confirm Live Composition Mode

ライブコンポジションを無効にする

Live Composition モードを無効にするには、Status パネルの Disable をクリックします。