ウィジェット
  • 05 Jul 2024
  • 1 読む分

ウィジェット


記事の要約

ウィジェットはローカルにキャッシュされた HTML ページであるため、メディアプレーヤーは常時インターネット接続を必要としません。

HTMLページはWebページとしてホストおよびスケジュールできますが、これにはメディアプレーヤーが常にインターネットに接続されている必要があります。

追加機能

  • ローカルファイルへのアクセス:
    • index.htmlファイルは、ローカルメディアプレーヤー上のファイルにリンクできます。たとえば、ウィジェットに '<img src="C:\Pictures\example.jpg"> を追加すると、指定した画像が表示されます。
  • C ustom設定:
    • カスタム設定はクエリ文字列変数として送信されるため、ウィジェットはCXポータルで設定された変数を読み取ることができます。

ウィジェットの作成

ウィジェットをアップロードするには、ウィジェットを.zipファイルにパッケージ化する必要があります。ウィジェットには、HTML ページ、マニフェスト、ロゴ画像を含める必要があります。

widget_files

HTML ページ、マニフェスト、ロゴ ファイルは、ZIP ファイルのルートに配置する必要があります。ZIP をパッケージ化する場合、ZIP ファイル内にフォルダーが作成されると、ウィジェットが再生されないのが一般的です。

積荷目録

マニフェストは、CXポータルとメディアプレーヤーの両方がZIPファイルをDiseウィジェットとして認識するために必要です。

{
    "name": "<required>",
    "media_type": "application/x-dise-widget",
    "manifest_version": 1,
    "start": "<required>",
    "version": "<optional>",
    "description": "<optional>",
    "thumbnail": "<optional>"
    "created": "<optional>",
    "size": <optional>,
    "hash": "<optional>",
    "privileges": "<optional>"
}

  • n:AMEです。
    • ポータル、コンテンツ、およびプレイリストに表示する名前。
  • media_type:
    • ポータルとプレーヤーが登録するには「application/x-dise-widget」である必要がありますが、ZIPはDiseウィジェットです。
  • manifest_version
    • 1 に設定する必要があります。
  • 始める
    • HTML ページのファイル名。
  • サムネイル
    • CXポータルでサムネイルとして使用されるPNGまたはJPG画像のファイル名。
  • バージョン
    • ウィジェットのバージョン管理を管理します。
  • 形容
    • ウィジェットの説明。
  • 作成
    • ウィジェットが作成された時点のタイムスタンプ。
  • 大きさ
    • ウィジェットの合計サイズ(バイト単位)。
  • ハッシュ
    • ウィジェットのSHA2ハッシュ。
  • 特権
    • ウィジェットが iframe で持つべき権限。これらは、ウィジェットをロードするときにメディアプレーヤーによって読み取られます。
    • iframe の "sandbox" 属性と同じ形式 (https://html.com/attributes/iframe-sandbox/) に従います。
    • デフォルトの権限は、"allow-forms-allow-modals, allow-pointer-lock-allow-popups allow-scripts, allow-same-origin"です。

例:
{
    "name": "MyWebsite",
    "media_type": "application/x-dise-widget",
    "manifest_version": 1,
    "description": "HTML5-application to show internal information",
    "start": "info.html",
    "thumbnail": "logo.png",
    "privileges": "allow-forms allow-modals allow-pointer-lock allow-popups allow-scripts allow-same-origin"
}

ウィジェットのアップロード

ウィジェットの ZIP がマニフェストを含む正しくパッケージ化されていることを確認します。
  1. 左メニューの [ウィジェット] に移動します: widget_menu︎ 🔎
  2. アップロードバナーにファイルをドラッグするか、アップロードボタンをクリックします: upload︎ 🔎
  3. ウィジェットは、フォルダや共有フォルダに追加できます。

プレイリストへのウィジェットの追加

  1. 左側のメニューの [プレイリスト] に移動します: Playlists_menu︎ 🔎
  2. サイドパネルの [オプション] 矢印を選択して、ウィジェットライブラリから選択します:playlists_options︎ 🔎
  3. 1つ以上のウィジェットをサイドパネルからプレイリストにドラッグアンドドロップします。

この記事は役に立ちましたか?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.