概要
ULIZAでは、プレイヤーにスライド(プレゼンテーション資料)とチャプターリストを併設することができます。動画の再生位置と表示されるスライドのページは連動して切り替えることが可能です。
サンプルページはこちら
本記事では、スライド(プレゼン資料)とチャプターリストを併設した動画配信を行う手順を説明します。
手順
【手順1】スライド表示用のプレイヤー(プレゼンテーションプレイヤー)を作成する
① 「プ レイヤー設定」内にある、「プレイヤープリセットの管理」をクリックし、「プリセット追加」をクリックします
※既存のプリセットを変更する場合は、変更したいプリセットにマウスオーバーし「編集」をクリックします
②「チャプター」内の「有効にする」にチェックをし、必要があれば設定項目を編集して「保存」をクリックします
▼「チャプター」機能の各項目
| 項目名 | 詳細 |
|---|---|
| 有効にする | チャプター機能の有効/無効を指定します。 |
| 次チャプターボタン表⽰を有効にする | 次チャプターボタン表⽰の有効/無効を指定します。 |
| 前チャプターボタン表⽰を有効にする | 前チャプターボタン表⽰の有効/無効を指定します。 |
| チャプターリスト表⽰を有効にする | チャプターリスト表⽰の有効/無効を指定します。 |
| チャプターリスト表⽰位置 |
表⽰位置を指定します。この項⽬はチャプタープレイヤー以外では指定で きません。 |
| チャプター領域ターゲットエレメントID |
チャプター領域ターゲットエレメントIDを指定します。指定したIDを持つ HTMLエレメント(divエレメントなど)の⼦エレメントとしてチャプター 領域を埋め込みます。 |
| チャプターリスト⽂字⾊ |
チャプターリスト ⽂字⾊ |
| チャプターリスト⽂字⾊(選択時) | 選択時の⽂字⾊を指定します。 |
| チャプターリスト⽂字⾊(ホバー時) | ホバー時の⽂字⾊を指定します。 |
| チャプターリストの時間の⽂字⾊ | 時間の⽂字⾊を指定します。 |
| チャプターリストの時間の⽂字⾊(選択時) | 選択時の時間の⽂字⾊を指定します。 |
| チャプターリストの時間の⽂字⾊(ホバー時) | ホバー時の時間の⽂字⾊を指定します。 |
| チャプターリスト背景⾊ | 背景⾊を指定します。 |
| チャプターリスト背景⾊(選択時) | 選択時の背景⾊を指定します。 |
| チャプターリスト背景⾊(ホバー時) |
ホバー時の背景⾊を指定します。 チ |
| チャプターリストスクロールバー背景⾊ | スクロールバー背景⾊を指定します。 |
| チャプターリストスクロールバーつまみ⾊ | スクロールバーつまみ⾊を指定します。 |
③「プレゼンテーション」内の「プレゼンテーションを表示する」にチェックし「保存」をクリックします
④「プレイヤー設定」内の「プレイヤーの管理」クリックし「プレイヤー追加」をクリックします
※既存のプレイヤーを変更する場合は、変更したいプレイヤーにマウスオーバーし「編集」をクリックします
⑤プレイヤーIDを入力し「保存」をクリックします(他に設定必要な内容があれば設定を行う)
⑥「プレイヤーの登録に成功しました」と表示されるので、作成したプレイヤーIDにマウスオーバーし「プリセット連携」をクリックします
⑦作成したプリセットにチェックを入れ、「決定」をクリックします
【手順2】対象コンテンツにスライド(プレゼン資料等)を設定する
①「コンテンツの管理」内の「コンテンツの管理」をクリックし、スライドを設定するコンテンツ名をクリックします
②「アドオン機能」タブを選択し、「関連資料」ボタンをクリックし、「関連資料の追加」をクリックします
③表示するスライド(pdfファイル)をアップロードします
④「チャプター」タブを選択後「プレゼンテーション連携設定」をクリックし、表示するスライドを選択して「保存」をクリックします
⑤「現在位置に追加」または「+チャプターの追加」をクリックします
⑥チャプター設定画面内のページ番号を入力することで、対象のチャプターに入ったタイミングで指定したページを自動的に開くようになります
【手順3】対象コンテンツを配信する
ULIZAでは3種類の方法で動画配信ができます
A. プレイヤータグを生成してサイトに埋め込む方法
B. 視聴ページURLを発行する方法
C. ULIZAの配信サイトを作成し配信
<A . プレイヤータグを生成してサイトに埋め込む方法>
「プレイヤーID」で【手順1】で作成したプレイヤーを指定します
<B. 視聴ページURLを発行する方法>
①「コンテンツの管理」より、対象動画の「視聴ページURL発行」を押下します
②デザイン設定セクションの「プレイヤー」タブにて、チャプター表示設定を適用したプレイヤーIDを選択し、「プレイヤータグのカスタマイズ」をクリックします
③「プレイヤータグテンプレート文字列」内の「type=normal」を「type=presentation」に書き換えます
④各必要項目を入力して「URL発行」ボタンをクリックします
<C . ULIZAの配信サイトを作成し配信>
①「配信サイトの管理」にて、対象の配信サイトの「編集」ボタンをクリックします
②デザイン設定セクションの「プレイヤー」タブにて、チャプター表示設定を適用したプレイヤーIDを選択し、「プレイヤータグのカスタマイズ」をクリックします
③「プレイヤータグテンプレート文字列」内の「type=normal」を「type=presentation」に書き換えます
④書き換え後、「保存」をクリックします