{"id":2902,"date":"2024-02-04T08:44:13","date_gmt":"2024-02-04T08:44:13","guid":{"rendered":"https:\/\/devicejockey.de\/?page_id=2902"},"modified":"2025-12-23T17:15:45","modified_gmt":"2025-12-23T17:15:45","slug":"overview","status":"publish","type":"page","link":"https:\/\/devicejockey.de\/?page_id=2902","title":{"rendered":"Basics Overview"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text el_class=&#8221;welcomebox&#8221;]<\/p>\n<h1>Basics Overview<\/h1>\n<p>Learn more about the basics in DeviceJockey.[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#interfaces\">Interfaces<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#commands\">Commands<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#events\">Events<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#panel\">Panel<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#scenes\">Scenes<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#items\">Items<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#itemvisibility\">Item Visibility<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#systemevents\">System Events<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707045863978{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;interfaces&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Interfaces<\/h1>\n<p>Interfaces are an important key when it comes to controlling other devices or software with the DeviceJockey.[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;far fa-hand-point-up&#8221;]If you want to control a device or software, it starts with selecting an interface.[\/vc_message][vc_column_text]<\/p>\n<h2>MIDI<\/h2>\n<p>The MIDI interface provides the MIDI protocol that can be used in many audio products.<br \/>\nUse is it with cable connected or wireless with Bluetooth MIDI.<\/p>\n<h2>OSC<\/h2>\n<p>The OSC protocol is used in many countless applications from all possible areas.<br \/>\nIt&#8217;s a great way for using wireless connections.<\/p>\n<h2>MQTT<\/h2>\n<p>Play around with the MQTT Interface and control or be controlled from your MQTT environment.[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221;]Some products have requirements for the control that require their own interface.[\/vc_message][vc_column_text]<\/p>\n<h2>Apple&#8217;s Logic Pro X<\/h2>\n<p>Use the OSC protocol together with the DeviceJockey Midi Device Profile to control this digital audio station.<\/p>\n<h2>OBS Studio<\/h2>\n<p>DeviceJockey has an interface to control OBS Studio over its included Websocket.<\/p>\n<h2>Behringer or Midas<\/h2>\n<p>Use the Behringer Interface and control the Behringer X Air series X18, XR12, XR32 with the use of the OSC protocol.<\/p>\n<h2>Grass Valley Cameras<\/h2>\n<p>Use the MCP450 or the ccs one in combination with the Grass Valley Camera interface of the DeviceJockey and have an incredible control for your cameras.<\/p>\n<h2>Blackmagic Videohub<\/h2>\n<p>Switch destinations and rename sources and destinations.<br \/>\nCreate Stacks and switch as much detsinations you like with one button.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Local Interface<\/h1>\n<p>A special interface is the local interface.<\/p>\n<p>Control, monitor and regulate things on your panel and your items.<br \/>\nMake items glow or be informed when all interfaces are connected.<br \/>\nOr use it to build an entire navigation bar.[\/vc_column_text][vc_column_text el_id=&#8221;systemevents&#8221;]<\/p>\n<h2>System Events<\/h2>\n<p>Sent from the local interface as events[\/vc_column_text][vc_column_text]<\/p>\n<h2>Event Panel Ready<\/h2>\n<h4>Generated when<\/h4>\n<ul>\n<li>Live mode is activated and all interfaces are connected<\/li>\n<li>You switch to another panel in this state.<\/li>\n<\/ul>\n<h4>Usecase<\/h4>\n<p>It is the most universal system event.<br \/>\nMost of the time it is enough to react to this event and send commands after receiving it.[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;fas fa-check&#8221;]<strong>Important:<\/strong><\/p>\n<p>If one of your interfaces does not connect and the power button in the top right remains red, the event will NOT be generated.<br \/>\nIn such cases, add \u201cLive mode started\u201d or \u201cPanel loaded\u201d.[\/vc_message][vc_column_text]<\/p>\n<h2>Event Livemodus Started<\/h2>\n<h4>Generated when<\/h4>\n<ul>\n<li>Live mode is activated.<\/li>\n<\/ul>\n<h4>Usecase<\/h4>\n<p>Can be useful if you are already using \u201cPanel ready\u201d and not all interfaces can connect.<br \/>\nIn such a case, \u201cPanel ready\u201d would not be generated.[\/vc_column_text][vc_column_text]<\/p>\n<h2>Event Panel Loaded<\/h2>\n<h4>Generated when<\/h4>\n<ul>\n<li>A panel was loaded in live mode.<\/li>\n<\/ul>\n<h4>Usecase<\/h4>\n<p>Can be useful if you are already using \u201cPanel ready\u201d and not all interfaces can connect.<br \/>\nIn such a case, \u201cPanel ready\u201d would not be generated.[\/vc_column_text][vc_column_text]<\/p>\n<h2>Event All Interfaces Connected<\/h2>\n<h4>Generated when<\/h4>\n<ul>\n<li>All interfaces are connected<\/li>\n<\/ul>\n<h4>Usecase<\/h4>\n<p>This event can be useful if you have an interface that logs out and back in and you then want to update your panel using commands.[\/vc_column_text][vc_column_text]<\/p>\n<h2>Event All Swaps Updated<\/h2>\n<h4>Generated when<\/h4>\n<ul>\n<li>One swap has changed its value.<\/li>\n<\/ul>\n<h4>Usecase<\/h4>\n<p>If you use swaps, you can react to changes in values and send commands.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707045981924{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;commands&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Commands<\/h1>\n<p>To control your devices and software, you use commands that are defined in your items on the panel.<\/p>\n<p>For example, buttons can send commands on a tap and sliders when you slide on them.<\/p>\n<p>Each interface has its own set of commands and makes these available to the items.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707041931305{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;events&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Events<\/h1>\n<p>With events, your items are controlled by devices or software.<\/p>\n<p>For example, your sliders can change their value from an event, or buttons can receive events that make them light up.<\/p>\n<p>Each interface has its own set of events and makes them available to the items.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707041968218{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;panel&#8221;][vc_column][vc_column_text css=&#8221;&#8221;]<\/p>\n<h1>Panel<\/h1>\n<p>Panel are the DeviceJockeys\u2019s control surfaces on which you place your items.<\/p>\n<p>You can create and use as many panels as you want.<\/p>\n<p>If you want to create a new item for a panel, long press the panel and then select \u201cNew\u201d from the menu.<br \/>\nA list of all available items will appear from which you can select one.[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2 style=\"text-align: left;\">Zoom, Pan &amp; Full Control over Panel Sizes<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#8243;][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=jLOa7PmeIqU&amp;pp=ygUMZGV2aWNlam9ja2V50gcJCU0KAYcqIYzv&#8221; align=&#8221;center&#8221; css=&#8221;&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/6&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707043895678{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;scenes&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Scenes<\/h1>\n<p>Use Scenes in the DeviceJockey in a variety of situations. You use different interfaces and customized panels to control your devices and software.<\/p>\n<p>You may control OBS Studio, then you control LogicPro X or cameras from Grass Valley.<br \/>\nOr you change environments with different networks and use customized settings in the interfaces.<\/p>\n<p>To keep track of these many use cases, you should use scenes.<\/p>\n<p>It is best to create your seperate scene for each challenge. Then add the required interfaces, panels and items with their commands and events.<\/p>\n<p>You can switch between scenes in seconds and always have the perfect interface for your type of use and the location.<\/p>\n<p>Scenes can also be exported and imported.<br \/>\nCreate amazing scenes and share them with your friends. Or let their scenes inspire and support you.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707041997636{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;items&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Items<\/h1>\n<p>Items are the objects you interact with while controlling devices and software.[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h3><\/h3>\n<h2><a href=\"#button\">Button<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#sliderandrotary\">Slider and Rotary<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#radiobutton\">RadioButton<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#label\">Label<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#monitor\">Monitor<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#piano\">Piano<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#logging\">Logging<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<h2><a href=\"#webview\">Webview<\/a><\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;far fa-hand-point-up&#8221;]<\/p>\n<h2>Add Items to Panel<\/h2>\n<p>To add an item, touch an empty spot in the panel and select \u201cNew\u201d from the menu.[\/vc_message][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;far fa-hand-point-up&#8221;]<\/p>\n<h2>Edit Items<\/h2>\n<p>Long-press an item on your panel to edit its properties such as color, commands to send, or events to receive.[\/vc_message][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_single_image image=&#8221;2494&#8243; img_size=&#8221;&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]Set color, appearance and visual properties.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_single_image image=&#8221;2496&#8243; img_size=&#8221;&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]Set Commands to send.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_single_image image=&#8221;2498&#8243; img_size=&#8221;&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]Set Events to receive.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_single_image image=&#8221;2497&#8243; img_size=&#8221;&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]Set default values in Slider and Rotary if you double-touch them.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1703005440459{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_single_image image=&#8221;2499&#8243; img_size=&#8221;&#8221; add_caption=&#8221;yes&#8221;][vc_column_text]If the radiobutton is switched off by another radiobutton in the group, the commands in \u201cSwitches off\u201d receive an event. The remote options of this event can be set.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042909382{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;button&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Button<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]Probably the best-known item is the button.<\/p>\n<p>It is ideal for short tap or long press controls.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Tap<\/li>\n<li>Touch down<\/li>\n<li>Touch up<\/li>\n<li>Long press<\/li>\n<li>Label<\/li>\n<li>Light on\/off<\/li>\n<li>Light on<\/li>\n<li>Light off<\/li>\n<li>User interaction to protect the item from being touched<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2471&#8243; img_size=&#8221;100&#8243; add_caption=&#8221;yes&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042897418{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;sliderandrotary&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Slider and Rotary<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]On the other hand, slider and rotary are perfect when it comes to changing values in a specific range.<\/p>\n<p>The best example of this is the volume of a playback.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Slider to set the position f the knob<\/li>\n<li>Touch down<\/li>\n<li>Touch up<\/li>\n<li>Default value<\/li>\n<li>Label<\/li>\n<li>Light on\/off<\/li>\n<li>Light on<\/li>\n<li>Light off<\/li>\n<li>Save state to save the position of the knob and recall it later with an event<\/li>\n<li>User interaction to protect the item from being touched<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2487&#8243; img_size=&#8221;&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042885013{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;toggle&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Toggle<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]Another interesting item is the toggle. It is very similar to the button and responds to a short tap.<\/p>\n<p>Unlike the button, it has two states that are changed when you tap.<\/p>\n<p>Perfect, for example, to switch something on and off and display its status.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Toggle to switch on and off<\/li>\n<li>Switch on<\/li>\n<li>Switched off<\/li>\n<li>Label<\/li>\n<li>Save state to save current on or off state<\/li>\n<li>User interaction to protect the item from being touched<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2479&#8243; img_size=&#8221;100&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042876514{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;radiobutton&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Radiobutton<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]Related to the toggle are the radiobuttons.<\/p>\n<p>They behave like toggle and have two states.<\/p>\n<p>But unlike the toggle, radiobuttons are grouped. Within such a group, only one radiobutton is selected at a time.<\/p>\n<p>They are ideal to display settings with more than two states.<\/p>\n<p>But a navigation for several panels also works very well with it.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Status send commands if the status switched to on or off<\/li>\n<li>Switch on<\/li>\n<li>Switched off<\/li>\n<li>Label<\/li>\n<li>Save state to save current on or off state<\/li>\n<li>User interaction to protect the item from being touched<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2476&#8243; img_size=&#8221;100&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042866851{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;label&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Label<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]Label present text.<\/p>\n<p>These items can&#8217;t do much, but they are ideal for the simple presentation of text.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Label<\/li>\n<li>Light on\/off<\/li>\n<li>Light on<\/li>\n<li>Light off<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2472&#8243; img_size=&#8221;200&#215;60&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042857713{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;monitor&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Monitor<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]A monitor has two labels that show the value and the source.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Label<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2474&#8243; img_size=&#8221;100&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042848582{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;piano&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Piano<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]The piano is intended for the musicans of us who need an easy way to send midi notes to their DAW.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for commands and events<\/h3>\n<ul>\n<li>Touch down a Piano key<\/li>\n<li>Velocity<\/li>\n<li>Octave<\/li>\n<li>Start Key<\/li>\n<li>Number of keys<\/li>\n<li>User interaction to protect the item from being touched<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2475&#8243; img_size=&#8221;300&#215;200&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042839668{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;logging&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Logging<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]Logging is important when you develop your panel.<br \/>\nMonitor the commands that are sent or the events that arrive.<br \/>\nAlso get more system information.<br \/>\nThis helps you to better understand and resolve problems and inconsistencies in the function of the panel and the communication via the interfaces.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Monitored Interfaces<\/h3>\n<p>Each interface you want to monitor can be selected separately.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2473&#8243; img_size=&#8221;300&#215;210&#8243;][\/vc_column_inner][\/vc_row_inner][vc_message message_box_color=&#8221;success&#8221;]<\/p>\n<h2>Caution<\/h2>\n<p>Monitoring your interfaces slows down the system.<br \/>\nTherefore, choose the interfaces that you want to monitor carefully.<br \/>\nIf possible, only use the logging window during development.[\/vc_message][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707042829928{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;webview&#8221;][vc_column][vc_column_text]<\/p>\n<h2>Webview<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]The Webview is perfect to display web content.[\/vc_column_text][vc_column_text]<\/p>\n<h3>Possible actions for events<\/h3>\n<ul>\n<li>Reload<\/li>\n<li>URL update<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;2480&#8243; img_size=&#8221;300&#215;210&#8243;][\/vc_column_inner][\/vc_row_inner][vc_message message_box_color=&#8221;success&#8221;]<\/p>\n<h2>Tip<\/h2>\n<p>Use the state link ID to share the same web view on different panels.<br \/>\nWithout a state link ID, the web view reloads its content when you change the panel.<br \/>\nThis can be problematic on some websites.[\/vc_message][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707043665786{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;itemvisibility&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Item Visibility<\/h1>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;fas fa-check&#8221;]Visibility determines whether the item only appears on one panel or on several.[\/vc_message][vc_column_text]By default, the item is linked to the panel on which it is inserted.<br \/>\nIf you change the visibility of an item to \u201cGroup\u201d, the item appears on all panels in a group.<br \/>\nWhen using the \u201cScene\u201d visibility, the item appears on every panel within the scene.<br \/>\nAn item and its data basically only exist once, regardless of how many panels it appears on.[\/vc_column_text][vc_column_text]<\/p>\n<h2 class=\"p1\"><span class=\"s1\">Panel<\/span><\/h2>\n<p class=\"p1\">The item is only visible on the current panel.<\/p>\n<h2>Group<\/h2>\n<p>The item is visible in a group of panels.<\/p>\n<h2>Scene<\/h2>\n<p>The item is visible on every panel in the scene.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707065259010{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;itemstatelinkid&#8221;][vc_column][vc_column_text]<\/p>\n<h1>Item State Link ID<\/h1>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;fas fa-check&#8221;]The state link ID can be used to transfer the status of an item to the next panel.[\/vc_message][vc_column_text]Enter the &#8220;State link id&#8221; as a simple string that you can choose yourself.<\/p>\n<p>For example, if you copied a slider to multiple panels, you can assign them the same &#8220;Status Link ID&#8221; (e.g &#8220;volume_slider&#8221;).<br \/>\nAll sliders with this id will have the same slider position on the panels.<\/p>\n<h3>There are a rules:<\/h3>\n<ul>\n<li>Only use a State link ID within items of the same type.<br \/>\nTransferring the status of a slider to a rotary or a toggle, for example, is not possible.<\/li>\n<li>It is not possible to pass on the states between the scenes.<\/li>\n<li>The states are only stored fleetingly and not permanently in a database.<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_message message_box_color=&#8221;success&#8221; icon_fontawesome=&#8221;far fa-hand-point-up&#8221;]Make sure that you do not use the same State Link ID multiple times on one panel.[\/vc_message][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text el_class=&#8221;welcomebox&#8221;] Basics Overview Learn more about the basics in DeviceJockey.[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Interfaces [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Commands [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Events [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Panel [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Scenes [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Items [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] Item Visibility [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_column_text] System Events [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1707045863978{background-color: rgba(15,0,0,0.3) !important;*background-color: rgb(15,0,0) !important;}&#8221; el_class=&#8221;.grayBox&#8221; el_id=&#8221;interfaces&#8221;][vc_column][vc_column_text] Interfaces Interfaces are an important key when it comes to&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2106,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2902","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/pages\/2902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devicejockey.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2902"}],"version-history":[{"count":50,"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/pages\/2902\/revisions"}],"predecessor-version":[{"id":3485,"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/pages\/2902\/revisions\/3485"}],"up":[{"embeddable":true,"href":"https:\/\/devicejockey.de\/index.php?rest_route=\/wp\/v2\/pages\/2106"}],"wp:attachment":[{"href":"https:\/\/devicejockey.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}