BrightSign タッチイベントの使い方

BrightSignでタッチイベントを使用して、オーサリングすることにより、タッチパネルやマウスを使用して利用者参加型のサイネージを表示することが可能となります。

今回は下記のように選択画面で2つの動画コンテンツを選び再生できるように設定する方法をご紹介します。

BrightSign タッチイベント 概要図

使用した環境

  • Windows 10 Pro 1903 18362.592
  • BrightSign XD1033
  • BrightAuthor Version 4.7.2.8

今回使用する素材

ファイル名概要
select.pngタッチ操作でコンテンツ選択する画面
movie_1.mp4遷移先動画1
movie_2.mp4遷移先動画2

タッチイベント 設定方法

BrightAuthorを起動し、新規にプレゼンテーションを作成します。
「編集」タブでプレイリストのタイプを「インタラクティブ」に変更します。

BrightAuthor 編集タブ インタラクティブに設定

次にプレイリストに、「select1.png」「movie_1.mp4」「movie_2.mp4」を追加します。

BrightAuthor プレイリストにコンテンツ追加

プレイリストの上部の指マーク「タッチイベント」をクリックし、「select1.png」から「movie_1.mp4」へ矢印で繋ぎます。

BrightAuthor タッチイベントの設定

「タッチイベントの追加」ウィンドウが表示されるので、タッチ領域を設定します。
下記のGIFアニメーションでは、マウス操作で領域を設定していますが画面左側の入力欄で数値で指定することも可能です。

BrightAuthor コンテンツ1のタッチ領域設定

同様に「select1.png」から「movie_2.mp4」へのタッチイベントも設定します。

BrightAuthor コンテンツ2のタッチ領域設定

また、今回はコンテンツ動画のメディアエンドイベントで選択画面に戻るように設定します。

BrightAuthor 動画のメディアエンドイベント設定

以上でタッチイベントの設定は完了です。
BrightAuthorのプレビュー機能で確認してみると以下のような動作となります。

BrightAuthor プレビューでタッチイベントの動作確認

カーソルを消す方法

タッチパネルを使用してコンテンツを表示する場合に、カーソルは必要ない場合が多いかと思います。(マウスを使用する場合は、カーソルの場所がわからなくなるので表示する必要があります)

以下に、カーソルの表示設定を変更する方法を記載します。

BrightAuthorのメニューから ファイル > プレゼンテーションのプロパティ をクリックします。

BrightAuthor プレゼンテーションのプロパティを開く

「インタラクティブ」タブの「タッチ」の項目を変更することで、カーソルの表示/非表示の設定が可能です。

BrightAuthor カーソル表示の設定


参考:
https://jmgs.jp/download/brightsign/BrightAuthor4.7.2.8JPN_V1.1.pdf

コメント

タイトルとURLをコピーしました