ULIZAヘルプセンター

検索

マルチアングルプレイヤーを設定する

対象サービス

  • ULIZA Standard
  • ULIZA Pro
  • ULIZA FLEX Ⅱ
  • ULIZA EVENT STREAM

 

概要

『マルチアングルプレイヤー』は、複数のアングルで収録した映像を切り替えながら視聴できる機能です。

複数のアングルの映像をリスト表示させることができ、視聴者は好みのアングルに随時切り替えて視聴することができます。

 ▼例：マルチアングルプレイヤー機能を有効にしたプレイヤーのイメージ（３アングル）

__________2022-12-22_11.32.07.png

 

映像ソースは、動画とライブ配信いずれも対応可能ですが、いずれの場合も以下のように複数アングルを一つの画面に集約した映像をご用意いただく必要があります。
また、配信開始前の蓋画像を設定する場合はアングル数に合わせ分割したものをご用意ください。

▼例：３つのアングルで配信する場合

02_multi_angle02.a48553c0.png

 

 

手順

[手順１] 「プレイヤープリセットの管理」画面に遷移する

①ULIZAの管理画面から、「プレイヤー設定」をクリックします

②「プレイヤープリセットの管理」をクリックします

__________2022-12-20_15.53.59.png

 

［手順２］以下いずれかの方法でプリセットの編集画面を開く

A. 新規プリセットの追加

　「プリセット追加」ボタンをクリックして新しくプリセットを追加します

B. 既存プリセットの編集

　対象プリセットの「編集」ボタンをクリックします

__________2022-12-22_13.56.44.png

 

［手順３］「マルチアングル動画」を有効化する

①マルチアングル動画の「有効にする」にチェックをいれます

②「アングル数」に任意の数を入力します（例えば3つのアングルで配信する場合は3と入力します）

③その他の項目も必要に応じて設定します

　※各項目の内容についてはこちらをご覧ください。

④「保存」ボタンをクリックします

__________2022-12-22_14.05.27.png

 

［手順４］「プレイヤーの管理」画面に遷移する

①ULIZAの管理画面から、「プレイヤー設定」をクリックします

②「プレイヤーの管理」をクリックします

__________2022-12-20_16.38.13.png

 

［手順５］以下いずれかの方法でプレイヤーにプリセットを連携画面を表示する

A. 新規プレイヤーの追加

　「プレイヤー追加」ボタンをクリックして新しくプレイヤーを追加します

　その後、追加されたプレイヤーの「プリセット連携」ボタンをクリックします

B. 既存プレイヤーの編集

　対象プレイヤーの「プリセット連携」ボタンをクリックします

__________2022-12-22_13.55.42.png

 

［手順６］対象プレイヤーに設定したプリセットを連携する

①上記で設定したプリセットを選択します

②「決定」ボタンをクリックします

__________2022-12-21_11.26.45.png

 

［手順７］プレイヤータグをサイトに埋め込む

①ULIZAの管理画面から、「コンテンツの管理」をクリックします

②さらに「コンテンツの管理」をクリックします

③動画コンテンツにマウスポインタをのせ、「プレイヤータグ発行」ボタンをクリックします

__________2022-12-23_11.23.28.png

 

④「プレイヤーID」項目で、マルチアングルの設定をしたプレイヤーを選択します

⑤「クリップボードにコピー」をクリックし、画面に表示されたプレイヤータグをコピーします

__________2022-12-23_13.43.33.png

 

⑥コピーしたプレイヤータグを貴社サイト内に埋め込み、Webページを公開します

<!DOCTYPE html>
<html>
<head>
  <title>Sample Page</title>
  <meta charset="UTF-8">
</head>
<body>

<!-- プレイヤータグ　-->
<script type="text/javascript" charset="utf-8" defer src="https://player-api.p.uliza.jp/v1/players/multi_angle_player/xxx/admin?type=multiAngle&name=sample01">//{"videoAnalytics":{"userId":"[GAUSERID]"}}</script>

</body>
</html>

 

⑦公開されたWebページで動画が正常に視聴できるか確認します

__________2022-12-23_16.35.16.png