Property Inspector - mononok/FlightSims GitHub Wiki

StreamDeckに組み込まれたHTML5プロパティインスペクターが、貴方のプラグインと
StreamDeckアプリケーションのプロパティペイン間での通信を可能にします。

標準HTML5をベースにしたPropertyInspectorなら、好きなようにアイテムを配置するのも簡単です。

Elgato製 https://developer.elgato.com/documentation/stream-deck/samples/pisamples/プラグインは
PropertyInspectorにて、全てのHTMLエレメントのデモを見ることができます。

• SDPI:Textfield
• SDPI:Textarea
• SDPI:Button
• SDPI:Select
• SDPI:Checkbox
• SDPI:Radio
• SDPI:Color
• SDPI:Date/Time
• SDPI:List
• SDPI:Tables
• SDPI:File
• SDPI:Group
• SDPI:Line
• SDPI:Heading
• SDPI:Meter
• SDPI:Progress
• SDPI:Details
• SDPI:Message

PropertyInspectorが閉じられるときにイベントが発生します。
このListenerを定義することができます。

• beforeunload-event
  

  window.addEventListener('beforeunload', function (e) {
      e.preventDefault();
      sendValueToPlugin('propertyInspectorWillDisappear', 'property_inspector');
      // Don't set a returnValue to the event, otherwise Chromium with throw an error.
  });

• pagehide-event
  

  /** the pagehide event is fired, when the view disappears */
  window.addEventListener('pagehide', function (event) {
      sendValueToPlugin('propertyInspectorPagehide', 'property_inspector');
  });

• unload-event
  

  /** the unload event is fired, when the PI will finally disappears */
  window.addEventListener('unload', function (event) {
      sendValueToPlugin('propertyInspectorDisconnected', 'property_inspector');
  });

chromeのデフォルトで、

http://localhost:23654/