※ 本サイトにはプロモーションが含まれています。

BrightSignでGIFアニメーションを表示する方法

BrightAuthorの対応画像フォーマットは、BMP・PNG・JPEGのみでGIFファイルはサポートされていません。しかし、HTML5を経由することによりGIFアニメーションを表示させることが可能です。この記事ではHTML5でGIFアニメーションを表示させる手順をご紹介します。

アルファ付きGIFファイルを表示することにより、透過して表示することも可能です。

プレゼンテーションの設定でHTMLサイトを追加

BrightAuthorを起動してプレゼンテーションファイルを新規作成または既存のプレゼンテーションファイルを開きます。

メニューから File > Presentation Properties の順にクリックします。

BrightAuthor プレゼンテーションの設定を開く

「Presentation Properties」ウィンドウが開きます。
「HTML Sites」タブに移動して「Add HTML Site」をクリックします。

BrightAuthor HTML Sitesの設定

「HTML Site」ウィンドウが開きますので、各種設定を行います。

BrightAuthor HTML Siteの追加ダイアログ

「HTML site name」には任意の識別しやすい名前を設定します。

「HTML site specification」の設定は「Local Content」「URL」のいずれかを選び設定を行います。
GIFファイルをBrightSignのローカルに配置する場合は「Local Content」
GIFファイルをネットワーク上のWebサーバーに配置する場合は「URL」
のように選択して使い分けることができます。

Local Content : BrightSignローカルのGIFファイルを表示する場合

「Local Content」にチェックを入れて「Browse」ボタンをクリックします。
ファイル選択ダイアログが表示されますが、初期状態ではGIFファイルが表示されないようになっています。
右下の「HTML files (.html;.htm) 」と表記されている箇所をクリックして「All files (.) 」を選択します。

BrightAuthor HTML ローカルコンテンツ追加ダイアログの初期表示

すると、全てのファイルが選択できるようになりますのでGIFファイルを選択して「開く」をクリックします。

BrightAuthor HTML ローカルのGIFファイルを選択

URL : WebサーバーのGIFファイルを表示する場合

「URL」にチェックを入れて、GIFファイルをアップロードしてあるURL入力します。


「OK」をクリックして「HTML Site」ウィンドウでの設定が完了したら「OK」をクリックします。

すると、元の「Presentation Properties」ウィンドウに戻りますので、HTML Sitesに設定した「Name」「Site Specification」の項目が追加されていることを確認して「OK」をクリックします。

BrightAuthor HTML Siteの追加完了

プレイリストにHTML5を追加

BrightAuthorの「Edit」タブに移動して、Media Library から「HTML5」をドラッグ&ドロップでプレイリストに追加します。

BrightAuthor PlaylistにHTML5を追加

HTML5の設定ダイアログが表示されます。
「HTML Site」のプルダウンから先ほど「Presentation Properties」に追加してHTML Siteを選択して「OK」をクリックします。

BrightAuthor HTML5設定ダイアログ

以上でBrightAuthorでの作業は完了です。
BrightSignにPublishして実際にGIFアニメーションが表示できるか確認してください。

コメント

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