{"id":32483,"date":"2023-03-08T16:29:03","date_gmt":"2023-03-08T15:29:03","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32483"},"modified":"2025-06-16T19:35:00","modified_gmt":"2025-06-16T17:35:00","slug":"%e9%81%a5%e6%8e%a7%e9%a2%84%e7%bd%ae-api","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/zh\/user-manual\/custom-layers\/remote-control-presets-api\/","title":{"rendered":"\u8fdc\u7a0b\u63a7\u5236\u9884\u7f6e API"},"content":{"rendered":"<p>\u5982\u679c\u4f60\u6b63\u5728\u521b\u5efa\u4e00\u4e2a\u81ea\u5b9a\u4e49\u56fe\u5c42\uff0c\u751a\u81f3\u6709\u53ef\u80fd\u5728\u4f60\u7684\u56fe\u5c42\u4e2d\u5305\u62ec\u81ea\u5b9a\u4e49\u63a7\u5236\u9884\u7f6e\u3002\u5982\u679c\u4f60\u7684\u56fe\u5c42\u6709\u63a7\u5236\u4f60\u7684\u56fe\u5c42\u7684\u5b9e\u65f6\u884c\u4e3a\u7684\u6309\u94ae\uff0c\u8fd9\u5c31\u5f88\u65b9\u4fbf\u4e86\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"data-structure\">\u6570\u636e\u7ed3\u6784<\/h3>\n\n\n\n<p>\u4e0b\u9762\u7684\u6570\u636e\u7ed3\u6784\u662f\u4e00\u4e2a\u8f93\u51fa\u6837\u672c\uff0c\u9700\u8981\u5728\u4f60\u7684\u7ec4\u5408\u4e2d\u7684`tvOut_ControlRepresentations`\u7ed3\u6784\u8f93\u51fa\u952e\u4e0b\u51fa\u73b0\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>{\n  \"tvOut_ControlRepresentations\": &#91;\n    {\n      \"title\": \"Compact Cut's\",\n      \"buttons\": &#91;\n        {\n          \"actions\": &#91;\n            {\n              \"layerId\": \"03627C25-CC8A-474F-A738-C4DEB3353FA4\",\n              \"variantId\": \"F6F52194-06DE-462E-983A-8D505C533A69\",\n              \"type\": \"signal\",\n              \"signalKey\": \"tvGroup_Control__Cut_1_TypeSignal\",\n              \"signalName\": \"Cut 1\"\n            }\n          ],\n          \"liveState\": {\n            \"layerId\": \"03627C25-CC8A-474F-A738-C4DEB3353FA4\",\n            \"variantId\": \"F6F52194-06DE-462E-983A-8D505C533A69\",\n            \"dynamicSourceId\": \"tvIn_VideoSourceAImage\"\n          },\n          \"sourcePreview\": {\n            \"layerId\": \"03627C25-CC8A-474F-A738-C4DEB3353FA4\",\n            \"variantId\": \"F6F52194-06DE-462E-983A-8D505C533A69\",\n            \"dynamicSourceId\": \"tvIn_VideoSourceAImage\"\n          },\n          \"color\": \"#BBBBBB\",\n          \"width\": 1,\n          \"height\": 1,\n          \"x\": 0,\n          \"y\": 0,\n          \"icon\": \"facetime-video\",\n          \"dynamicText\": {\n            \"template\": \"{{inputputValues.tvIn_VideoSourceAName}}\",\n            \"layerId\": \"03627C25-CC8A-474F-A738-C4DEB3353FA4\",\n            \"variantId\": \"F6F52194-06DE-462E-983A-8D505C533A69\"\n          }\n        }\n      ]\n    }\n  ]\n}<\/code><\/pre>\n\n\n\n<p>\u4e00\u4e2a\u9884\u8bbe\u6709\u4e00\u4e2a \"\u6807\u9898 \"\u548c\u4e00\u4e2a \"\u6309\u94ae \"\u9635\u5217\uff0c\u4f46\u4e00\u4e2a\u5355\u4e00\u7684\u6309\u94ae\u4e5f\u662f\u53ef\u4ee5\u7684\u3002<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">\u952e \"layerId \"\u548c \"variantId \"\u9700\u8981\u7528\u7ec4\u5408\u8f93\u5165\u952e \"tvIn_LayerIdentifier \"\u548c \"tvIn_RuntimeIdentifier \"\u4e2d\u7684\u5b57\u7b26\u4e32\u6570\u636e\u52a8\u6001\u5730\u586b\u5199\u3002<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n}\n.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<h3 class=\"wp-block-heading\" id=\"using-the-remote-control-preset-api-in-quartz-composer\">\u4f7f\u7528\u8fdc\u7a0b\u63a7\u5236\u9884\u8bbe <span class=\"caps\">API<\/span> \u5728Quartz Composer\u4e2d<\/h3>\n\n\n\n\n\n<p>mimoLive\u7684\u5185\u7f6e\u5c42\u4f7f\u7528\u7684\u662f <span class=\"caps\">LUA<\/span> \u811a\u672c\u6765\u52a8\u6001\u751f\u6210\u8fd9\u4e2a\u6570\u636e\u7ed3\u6784\uff0c\u56e0\u4e3aQuartz Composer\u5e76\u4e0d\u652f\u6301\u81ea\u5df1\u751f\u6210\u6570\u636e\u7ed3\u6784\u3002\u8fd9 <span class=\"caps\">LUA<\/span> \u811a\u672c\u5305\u542b\u4e00\u4e2a\u590d\u6742\u7684\u51fd\u6570addButton()\uff0c\u53ef\u4ee5\u7528\u6765\u521b\u5efa\u5355\u4e2a\u6309\u94ae\u7684\u7ed3\u6784\u3002\u901a\u5e38\u60c5\u51b5\u4e0b\uff0c\u4f60\u53ea\u9700\u8981\u4f7f\u7528\u8fd9\u4e2a\u51fd\u6570\uff0c\u4e0d\u9700\u8981\u4fee\u6539\u5b83\u3002\u56e0\u6b64\uff0c\u4e3a\u4f60\u81ea\u5df1\u7684\u5c42\u5efa\u7acb\u65b0\u7684\u8fdc\u7a0b\u63a7\u5236\u9ed8\u8ba4\u8bbe\u7f6e\u662f\u975e\u5e38\u5bb9\u6613\u7684\u3002<\/p>\n\n\n\n<p>\u4f8b\u5982\uff0c\u8fd9\u5c31\u662f <span class=\"caps\">LUA<\/span> \u811a\u672c\u6765\u751f\u6210\u505c\u8868\u5c42\u7684\u8fdc\u7a0b\u63a7\u5236\u3002\u8bf7\u6ce8\u610f\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u6539\u53d8\u4ee3\u7801\u7684\u7b2c15\u884c\u5230\u7b2c29\u884c\u6765\u91c7\u7528\u8fd9\u6bb5\u4ee3\u7801\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>inLayerIdentifier = QC_STRING\ninVariantIdentifier = QC_STRING\noutControlRepresentations = QC_STRUCT\nmain = function()\n  controlRepresentations = {}\n  -- first representation\n  controlRepresenation = {}\n  -- {\n    controlRepresenation&#91;\"Title\"] = \"Stop Watch\"\n    buttons = {}\n    -- {\n      -- addButton(buttonsTable, buttonTitle, subTitle, positionX, positionY, width, height, color, icon, actionTarget, liveStateSource, previewSource)\n      -- first row\n      addButton(buttons, \"{{outputValues.tvOut_TimeString}}\", \"\", 0, 0, 2, 1, \"#333333\", \"\", \"\", \"\", \"\")\n      addButton(buttons, \"Live\", \"{\\{name\\}}\", 2, 0, 1, 1, \"#333333\", \"\", \"toggleLive\", \"layerVariant\", \"\")\n      -- second row\n      addButton(buttons, \"Start\", \"\", 0, 1, 1, 1, \"#33cc33\", \"play\", \"tvGroup_Control__Start_TypeSignal\", \"\", \"\")\n      addButton(buttons, \"Stop\", \"\", 1, 1, 1, 1, \"#cc3333\", \"pause\", \"tvGroup_Control__Stop_TypeSignal\", \"\", \"\")\n      addButton(buttons, \"Reset\", \"\", 2, 1, 1, 1, \"#cccc33\", \"stop\", \"tvGroup_Control__Reset_TypeSignal\", \"\", \"\")\n    -- }\n    controlRepresenation&#91;\"buttons\"] = buttons\n  -- }\n  table.insert(controlRepresentations , controlRepresenation)\n  outControlRepresentations = controlRepresentations\nend\nfunction addButton(buttonsTable, buttonTitle, buttonSubTitle, positionX, positionY, width, height, color, icon, actionTarget, liveStateSource, previewSource)\n  local button = {}\n  -- {\n  if #buttonTitle &amp;gt; 0 then\n    if string.find(buttonTitle, \"{{\") then\n      -- dynamic titel\n      local dynamicText = {}\n      -- {\n        dynamicText&#91;\"layerId\"] = inLayerIdentifier\n        dynamicText&#91;\"variantId\"] = inVariantIdentifier\n        dynamicText&#91;\"template\"] = buttonTitle\n      -- }\n      button&#91;\"dynamicText\"] = dynamicText\n    else\n      -- static title\n      button&#91;\"text\"] = buttonTitle\n    end -- if dynamic\n  end -- if buttonTitle\n  if #buttonSubTitle &amp;gt; 0 then\n    if string.find(buttonSubTitle, \"{{\") then\n      -- dynamic titel\n      local dynamicSubText = {}\n      -- {\n        dynamicSubText&#91;\"layerId\"] = inLayerIdentifier\n        dynamicSubText&#91;\"variantId\"] = inVariantIdentifier\n        dynamicSubText&#91;\"template\"] = buttonSubTitle\n      -- }\n      button&#91;\"dynamicSubText\"] = dynamicSubText\n    else\n      -- static title\n      button&#91;\"subtext\"] = buttonSubTitle\n    end -- if dynamic\n  end -- if buttonSubTitle\n  button&#91;\"x\"] = positionX\n  button&#91;\"y\"] = positionY\n  button&#91;\"width\"] = width\n  button&#91;\"height\"] = height\n  if #color &amp;gt; 0 then\n    button&#91;\"color\"] = color\n  end -- if\n  if #actionTarget &amp;gt; 0 then\n    local actions = {}\n    -- {\n      local action = {}\n      -- {\n        action&#91;\"layerId\"] = inLayerIdentifier\n        action&#91;\"variantId\"] = inVariantIdentifier\n        if string.ends(actionTarget, \"_TypeSignal\") then\n          action&#91;\"type\"] = \"signal\"\n          action&#91;\"signalKey\"] = actionTarget\n          action&#91;\"signalName\"] = buttonTitle\n        elseif actionTarget == \"toggleLive\" then\n          action&#91;\"type\"] = \"toggleLive\"\n        else\n          action&#91;\"type\"] = \"toggleSwitch\"\n          action&#91;\"toggleSwitchKey\"] = actionTarget\n          action&#91;\"toggleSwitchName\"] = buttonTitle\n        end -- if\n      -- }\n      table.insert(actions , action)\n    -- }\n    button&#91;\"actions\"] = actions\n  end -- if actionTarget\n  if #liveStateSource &amp;gt; 0 then\n    local liveState = {}\n    -- {\n      liveState&#91;\"layerId\"] = inLayerIdentifier\n      liveState&#91;\"variantId\"] = inVariantIdentifier\n      if string.starts(liveStateSource,\"tvIn_VideoSource\") then\n        -- get the live state from a dynamic video source\n        liveState&#91;\"dynamicSourceId\"] = liveStateSource\n      elseif liveStateSource == \"layerVariant\" then\n        -- nor more information needed\n      else\n        liveState&#91;\"propertyPath\"] = liveStateSource            end -- if\n    -- }\n    button&#91;\"liveState\"] = liveState\n  end -- if liveState Source\n  if #previewSource &amp;gt; 0 then\n    local sourcePreview = {}\n    -- {\n      sourcePreview&#91;\"layerId\"] = inLayerIdentifier\n      sourcePreview&#91;\"variantId\"] = inVariantIdentifier\n      sourcePreview&#91;\"dynamicSourceId\"] = previewSource\n    -- }\n    button&#91;\"sourcePreview\"] = sourcePreview\n  end -- if\n  if #icon &amp;gt; 0 then\n    -- See bottom of documentation page for list of avaiable icon names\n    button&#91;\"icon\"] = icon\n  end -- if\n  -- }\n  table.insert(buttonsTable, button)\nend -- func\nfunction string.starts(String,Start)\n   return string.sub(String,1,string.len(Start))==Start\nend\nfunction string.ends(String,End)\n   return End=='' or string.sub(String,-string.len(End))==End\nend<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">1TP7\u5428\u7684\u5b9a\u4f4d<\/h3>\n\n\n\n<p>\u5f53\u4f7f\u7528\u591a\u4e2a\u6309\u94ae\u65f6\uff0c\u6309\u94ae\u7684\u5e03\u5c40\u5fc5\u987b\u624b\u52a8\u63a7\u5236\u3002\u8fd9\u610f\u5473\u7740\u6309\u94ae\u662f\u7528 \"x \"\u548c \"y \"\u5c5e\u6027\u5728\u7f51\u683c\u4e0a\u5b9a\u4f4d\u7684\uff0c\u5c31\u50cf \"\u5bbd\u5ea6 \"\u548c \"\u9ad8\u5ea6 \"\u5c5e\u6027\u4e00\u6837\uff0c\u662f\u4ee5\u7f51\u683c\u5355\u5143\u7684\u500d\u6570\u7ed9\u51fa\u7684\u3002\u4f4d\u7f6e\u662f\u76f8\u5bf9\u4e8e\u6309\u94ae\u7ec4\u88ab\u62d6\u5230\u7684\u5de6\u4e0a\u89d2\u7f51\u683c\u5355\u5143\u800c\u8a00\u7684\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"button-positioning\">1TP7\u5428\u7684\u884c\u52a8<\/h3>\n\n\n\n<p>Buttons\u53ef\u4ee5\u6709\u591a\u4e2a\u884c\u52a8\uff0c\u4e00\u4e2a\u5355\u4e00\u7684\u884c\u52a8\uff0c\u6216\u8005\u6839\u672c\u6ca1\u6709\u884c\u52a8\u3002\u6709\u5404\u79cd\u6709\u6548\u7684\u884c\u52a8\u76ee\u6807\u548c\u884c\u52a8\u7c7b\u578b\u7684\u7ec4\u5408\u3002<br>\u8bf7\u6ce8\u610f\uff0c\"textInput \"\u548c \"numericInput \"\u52a8\u4f5c\u5e94\u8be5\u662f\u72ec\u7acb\u7684\uff0c\u56e0\u4e3a\u4e0d\u80fd\u4fdd\u8bc1\u5728\u8fdc\u7a0b\u63a7\u5236\u4e2d\u7684\u7528\u6237\u4f53\u9a8c\u4e00\u81f4\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"action-targets\">\u884c\u52a8\u76ee\u6807<\/h4>\n\n\n\n<p>\u884c\u52a8\u76ee\u6807\u662fmimoLive\u6587\u4ef6\u5185\u7684\u5143\u7d20\u3002\u5b83\u4eec\u4ee5\u5206\u5c42\u7684\u65b9\u5f0f\u88ab\u5904\u7406\uff1a<\/p>\n\n\n\n<p>\u6587\u6863ID \"\u603b\u662f\u5728\u8fd0\u884c\u65f6\u7ed8\u5236\uff0c\u6240\u4ee5\u5b83\u4e0d\u5fc5\u51fa\u73b0\u5728\u9884\u8bbe\u4e2d\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5982\u679c \"layerId \"\u548c \"variantId \"\u90fd\u6ca1\u6709\u7ed9\u51fa\uff0c\u884c\u52a8\u5c06\u5728\u6587\u6863\u672c\u8eab\u88ab\u89e6\u53d1\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u7ed9\u4e86 \"layerId\"\uff0c\u8be5\u52a8\u4f5c\u5c06\u5728\u6307\u5b9a\u7684\u5c42\u4e0a\u88ab\u89e6\u53d1\u3002<\/li>\n\n\n\n<li>\u5982\u679c \"layerId\" <b>\u548c<\/b> \u7ed9\u51fa \"variantId\"\uff0c\u8be5\u52a8\u4f5c\u5c06\u5728\u6307\u5b9a\u7684\u53d8\u91cf\u4e0a\u88ab\u89e6\u53d1\u3002\u53ea\u6709\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u53ef\u4ee5\u6307\u5b9a\u989d\u5916\u7684 \"toggleSwitchKey \"\u6216 \"signalKey\"\uff08\u89c1\u4e0b\u9762\u7684\u52a8\u4f5c\u7c7b\u578b\uff09\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"action-types\">\u884c\u52a8\u7c7b\u578b<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>\u884c\u52a8\u7c7b\u578b<\/th><th>\u89e3\u91ca<\/th><th>\u9644\u52a0\u5c5e\u6027<\/th><th>\u6709\u6548\u76ee\u6807<\/th><\/tr><tr><td>\u62e8\u52a8\u6d3b\u9875<\/td><td>\u5207\u6362\u5b9e\u65f6\u72b6\u6001<\/td><td>\u6ca1\u6709<\/td><td>\u6587\u4ef6\uff08\u5f00\u59cb\/\u505c\u6b62\u663e\u793a\uff09\uff0c\u5c42\uff0c\u53d8\u91cf<\/td><\/tr><tr><td>\u8bbe\u7f6eLive<\/td><td>\u5c06\u76f4\u64ad\u72b6\u6001\u8bbe\u7f6e\u4e3a \"\u76f4\u64ad\"<\/td><td>\u6ca1\u6709<\/td><td>\u6587\u4ef6\uff08\u5f00\u59cb\u663e\u793a\uff09\uff0c\u5c42\uff0c\u53d8\u91cf<\/td><\/tr><tr><td>\u8bbe\u7f6e\u5173\u95ed<\/td><td>\u5c06\u76f4\u64ad\u72b6\u6001\u8bbe\u7f6e\u4e3a \"\u5173\u95ed\"<\/td><td>\u6ca1\u6709<\/td><td>\u6587\u4ef6\uff08\u505c\u6b62\u663e\u793a\uff09\uff0c\u5c42\uff0c\u53d8\u91cf<\/td><\/tr><tr><td>\u4fe1\u53f7<\/td><td>\u89e6\u53d1\u4e00\u4e2a\u4fe1\u53f7<\/td><td>signalKey, signalName\uff08\u63a8\u8350\uff09\u3002<\/td><td>\u53d8\u4f53<\/td><\/tr><tr><td>\u62e8\u52a8\u5f00\u5173<\/td><td>\u5207\u6362\u4e00\u4e2a\u5e03\u5c14\u578b\u8f93\u5165\u503c<\/td><td>toggleSwitchKey, toggleSwitchName\uff08\u63a8\u8350\uff09\u3002<\/td><td>\u53d8\u4f53<\/td><\/tr><tr><td>\u6587\u672c\u8f93\u5165<\/td><td>\u6253\u5f00\u4e00\u4e2a\u6587\u672c\u8f93\u5165\u5b57\u6bb5\uff0c\u5728\u63d0\u4ea4\u65f6\uff0c\u66f4\u65b0\u8f93\u5165\u952e\u7684\u503c\u3002<\/td><td>inputKey, inputName (\u63a8\u8350)<\/td><td>\u5c42\u3001\u53d8\u4f53\u3001\u6e90<\/td><\/tr><tr><td>\u6570\u5b57\u8f93\u5165<\/td><td>\u63a7\u5236\u8f93\u5165\u952e\u7684\u6570\u503c\u7684\u6ed1\u5757\u3002<\/td><td>inputKey, inputDescription (\u6709\u6700\u5c0f\u503c\u548c\u6700\u5927\u503c\u7684\u5bf9\u8c61), inputName (\u63a8\u8350)<\/td><td>\u5c42\u3001\u53d8\u4f53\u3001\u6e90<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">\"textInput\" \u548c \"numericInput\" \u52a8\u4f5c\u7c7b\u578b\u4ece mimoLive 5.2 \u5f00\u59cb\u53ef\u7528\u3002<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"button-live-state\">Button\u6d3b\u7684\u72b6\u6001<\/h3>\n\n\n\n<p>\"liveState \"\u5bf9\u8c61\u53ef\u7528\u4e8e\u914d\u7f6e\u6309\u94ae\u7684\u7406\u8d27\u706f\u72b6\u6001\uff0c\u5b83\u53ef\u4ee5\u662f\u5f00\uff08\u7ea2\u8272\u6807\u8bb0\uff09\u3001\u8fc7\u6e21\uff08\u9ec4\u8272\u6807\u8bb0\uff09\u6216\u5173\uff08\u65e0\u6807\u8bb0\uff09\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"live-state-sources\">\u771f\u5b9e\u7684\u56fd\u5bb6\u6765\u6e90<\/h4>\n\n\n\n<p>\u4e0e\u6309\u94ae\u52a8\u4f5c\u76ee\u6807\u7c7b\u4f3c\uff0c\u5b9e\u65f6\u72b6\u6001\u53ef\u4ee5\u4ece\u591a\u4e2a\u6765\u6e90\u83b7\u5f97\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6587\u6863ID \"\u603b\u662f\u5728\u8fd0\u884c\u65f6\u7ed8\u5236\uff0c\u6240\u4ee5\u5b83\u4e0d\u5fc5\u51fa\u73b0\u5728\u9884\u8bbe\u4e2d\u3002<\/li>\n\n\n\n<li>\u5982\u679c \"layerId \"\u548c \"variantId \"\u90fd\u6ca1\u6709\u7ed9\u51fa\uff0c\u5219\u4f7f\u7528\u6587\u6863\u7684\u5b9e\u65f6\u72b6\u6001\uff08\u5c55\u793a\u5df2\u7ecf\u5f00\u59cb\u6216\u6ca1\u6709\uff09\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u7ed9\u51fa \"layerId\"\uff0c\u5219\u4f7f\u7528\u8be5\u5c42\u7684\u5b9e\u65f6\u72b6\u6001\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u7ed9\u4e86 \"layerId \"\u548c \"variantId\"\uff0c\u5c31\u4f1a\u4f7f\u7528\u53d8\u4f53\u7684\u5b9e\u65f6\u72b6\u6001\u3002<br>- \u53ea\u6709\u5728\u8fd9\u79cd\u60c5\u51b5\u4e0b\uff0c\u53ef\u4ee5\u6307\u5b9a\u989d\u5916\u7684 \"propertyPath\"\uff0c\u4ee5\u8868\u660e\u5fc5\u987b\u4f7f\u7528\u53d8\u4f53\u7684\u8f93\u5165\u6216\u8f93\u51fa\u503c\u7684\u5e03\u5c14\u5c5e\u6027\u3002<br>- \u53e6\u4e00\u79cd\u53ef\u80fd\u6027\uff08\u4e0epropertyPath\u76f8\u4e92\u6392\u65a5\uff01\uff09\u662f\u6307\u5b9a\u4e00\u4e2a \"dynamicSourceId \"\u5c5e\u6027\uff0c\u5c06\u5b9e\u65f6\u72b6\u6001\u67e5\u627e\u91cd\u5b9a\u5411\u5230\u4e00\u4e2a\u6e90\uff08\u901a\u8fc7ID\u83b7\u53d6\uff09\uff0c\u5b83\u5c0a\u91cd\u6240\u9009\u6e90\u7684\u52a8\u6001\u53d8\u5316\uff08\u4f8b\u5982\u5728\u89c6\u9891\u5207\u6362\u5668\u4e2d\uff09\u3002dynamicSourceId \"\u7684\u503c\u5728\u53d8\u4f53\u7684\u8f93\u5165\u503c\u4e2d\u88ab\u67e5\u627e\u3002<\/li>\n<\/ul>\n\n\n\n<p><i>*<\/i>\u7ed9\u51fa\u5c5e\u6027\u7684\u5b8c\u6574\u8def\u5f84\uff0c\u4ece\u53d8\u4f53\u5f00\u59cb\u4f5c\u4e3a\u6839\uff0c\u4f8b\u5982 \"inputValues.some_Boolean_Property \"\u6216 \"outputValues.other_Property\"\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5982\u679c\u7ed9\u51fa \"sourceId\"\uff0c\u5219\u4f7f\u7528\u6e90\u7684\u5b9e\u65f6\u72b6\u6001\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"button-text\">Button Text<\/h3>\n\n\n\n<p>\u884c\u52a8\u6309\u94ae\u53ef\u4ee5\u663e\u793a\u4e3b\u8981\u548c\u6b21\u8981\u7684\u6587\u672c\u884c\uff0c\u4e24\u8005\u90fd\u53ef\u4ee5\u662f\u9759\u6001\u6216\u52a8\u6001\u7684\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"primary-text\">\u521d\u7ea7\u6587\u672c<\/h4>\n\n\n\n<p>\u8fd9\u4e2a\u6587\u672c\u5c06\u662f\u6309\u94ae\u5c06\u4e3a\u7528\u6237\u505a\u4ec0\u4e48\u7684\u4e3b\u8981\u6307\u6807\u3002\u5982\u679c\u6309\u94ae\u9884\u8bbe\u5305\u542b\u4e00\u4e2a\u6587\u672c\u5c5e\u6027\uff0c\u5b83\u662f\u4e00\u4e2a\u9759\u6001\u6587\u672c\uff0c\u5c06\u6309\u539f\u6837\u663e\u793a\u3002<\/p>\n\n\n\n<p>\u53e6\u5916\uff0c\u53ef\u4ee5\u7ed9\u4e00\u4e2adynamicText\uff0c\u4f7f\u5176\u5305\u542bmimoLive\u5c42\u6216\u4f7f\u7528\u7b80\u5355\u6a21\u677f\u8bed\u6cd5\u7684\u53d8\u4f53\u5c5e\u6027\u3002\u5728\u6a21\u677f\u5b57\u7b26\u4e32\u4e2d\uff0c\u5e38\u89c4\u5b57\u7b26\u53ef\u4ee5\u4e0e\u5927\u62ec\u53f7\u4e2d\u7684\u5c5e\u6027\u8def\u5f84\u76f8\u7ed3\u5408\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>\"template\": \"{\\{propertyPath\\}}\"<\/code><\/pre>\n\n\n\n<p>\u5c5e\u6027\u8def\u5f84\u662f\u76f8\u5bf9\u4e8e\u4f7f\u7528 \"layerId\"\u3001\"variantId\"\u3001\"sourceId \"\u548c \"filterId \"\u89e3\u6790\u7684\u5bf9\u8c61\u800c\u8bc4\u4f30\u7684\u3002\u76ee\u6807\u89e3\u6790\u9075\u5faa\u8fd9\u4e9b\u89c4\u5219\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6587\u6863ID \"\u603b\u662f\u5728\u8fd0\u884c\u65f6\u7ed8\u5236\uff0c\u6240\u4ee5\u5b83\u4e0d\u5fc5\u51fa\u73b0\u5728\u9884\u8bbe\u4e2d\u3002<\/li>\n\n\n\n<li>\u5982\u679c \"layerId \"\u548c \"variantId \"\u90fd\u6ca1\u6709\u7ed9\u51fa\uff0c\u90a3\u4e48\u5c5e\u6027\u8def\u5f84\u5c06\u76f8\u5bf9\u4e8e\u6587\u6863\u8fdb\u884c\u8bc4\u4f30\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u7ed9\u51fa\u4e86 \"layerId\"\uff08\u548c\u53ef\u9009\u7684 \"variantId\"\uff09\uff0c\u5219\u5c5e\u6027\u8def\u5f84\u662f\u76f8\u5bf9\u4e8e\u4e00\u4e2a\u5c42\/\u53d8\u4f53\u8fdb\u884c\u8bc4\u4f30\u7684\u3002<\/li>\n\n\n\n<li>\u4e00\u4e2a\u53d8\u4f53\u7684\u7236\u5c42\u53ef\u4ee5\u901a\u8fc7\u4ee5 \"layer \"\u5f00\u5934\u7684\u8def\u5f84\u6765\u8bbf\u95ee\uff0c\u4f8b\u5982 \"aslayer.name\"\u3002<\/li>\n<\/ul>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">\u8f93\u5165\u503c\u548c\u8f93\u51fa\u503c\u7684\u7b2c\u4e00\u4e2a\u8def\u5f84\u6bb5\u5fc5\u987b\u662fcamelCased\uff08\"inputValues.tvIn...\"\uff09\uff0c\u800c\u4e0d\u662fAPI\u6587\u6863\u4e2d\u7684kebab-cased\uff08\"input-values.tvIn...\"\uff09\u3002<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u9759\u6001\u6587\u672c\u5c06\u59cb\u7ec8\u4f18\u5148\u4e8e\u52a8\u6001\u6587\u672c\uff0c\u56e0\u4e3a\u8fd9\u5141\u8bb8\u7528\u6237\u7528\u4e00\u4e9b\u53ef\u80fd\u5bf9\u4ed6\u4eec\u7684\u60c5\u51b5\u66f4\u6709\u7528\u7684\u81ea\u5b9a\u4e49\u6587\u672c\u6765\u8986\u76d6\u52a8\u6001\u6587\u672c\u3002<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"secondary-text\">\u4e8c\u7ea7\u6587\u672c<\/h4>\n\n\n\n<p>\u4e3a\u4e86\u7ed9\u7528\u6237\u63d0\u4f9b\u5173\u4e8e\u4e00\u4e2a\u6309\u94ae\u7684\u66f4\u591a\u4fe1\u606f\uff0c\u6bd4\u5982\u5b83\u7684\u7236\u5c42\u7684\u540d\u5b57\uff0c\u53ef\u4ee5\u4f7f\u7528 \"subtext \"\u6216 \"dynamicSubText \"\u5c5e\u6027\u7ed9\u51fa\u4e00\u4e2a\u8f85\u52a9\u6587\u672c\u3002<\/p>\n\n\n\n<p>\u6a21\u677f\u8bed\u6cd5\u548c\u5bf9\u8c61\u89e3\u6790\u9075\u5faa\u4e0e\u4e3b\u8981\u6587\u672c\u5b8c\u5168\u76f8\u540c\u7684\u89c4\u5219\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"button-text-and-icon-size\">Button\u6587\u5b57\u548c\u56fe\u6807\u5c3a\u5bf8<\/h4>\n\n\n\n<p>\u6309\u94ae\u4e0a\u7684\u6587\u5b57\u548c\u56fe\u6807\u7684\u5927\u5c0f\u53ef\u80fd\u6839\u636e\u4e0a\u4e0b\u6587\u800c\u53d8\u5316\u3002\u901a\u8fc7 \"fontScale \"\u9009\u9879\uff0c\u4f60\u53ef\u4ee5\u6307\u5b9a\u4e00\u4e2a\u76f8\u5bf9\u4e8e\u5f53\u524d\u5c4f\u5e55\u5c3a\u5bf8\u8ba1\u7b97\u7684\u9ed8\u8ba4\u5c3a\u5bf8\u7684\u6bd4\u4f8b\u3002\"1 \"\u5c06\u662f\u9ed8\u8ba4\u5c3a\u5bf8\u3002\u5c0f\u4e8e1\uff08\u59820.8\uff09\u5c06\u964d\u4f4e\u5b57\u4f53\u5927\u5c0f\uff0c\u5927\u4e8e1\uff08\u59821.5\uff09\u5c06\u589e\u52a0\u5b57\u4f53\u5927\u5c0f\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Button\u9884\u89c8<\/h3>\n\n\n\n<p>\u52a8\u4f5c\u6309\u94ae\u53ef\u4ee5\u663e\u793a\u5b83\u4eec\u6240\u63a7\u5236\u7684\u6e90\u7684\u9884\u89c8\u56fe\u50cf\uff0c\u6216\u6587\u6863\u4e2d\u4efb\u4f55\u5176\u4ed6\u53ef\u7528\u7684\u6e90\u3002<\/p>\n\n\n\n<p>\u53d6\u51b3\u4e8e\u6765\u6e90\u662f\u5426\u662f\u9759\u6001\u7684\uff08\u53ea\u6709\u88ab\u62d6\u5165mimoLive\u7684\u56fe\u50cf\uff09\uff0c\u4e00\u4e2a\u9759\u6001\u7684 <span class=\"caps\">PNG<\/span> \u8868\u793a\u7684\u6e90\u88ab\u52a0\u8f7d\u4e00\u6b21\uff0c\u5b83\u786e\u5b9e\u652f\u6301\u4e00\u4e2aalpha\u901a\u9053\u3002\u5bf9\u4e8e\u4efb\u4f55\u5176\u4ed6\u6765\u6e90\uff0c\u4e00\u4e2a <span class=\"caps\">\u5f55\u50cf\u5e26<\/span> \u6e90\u7684\u8868\u73b0\u5f62\u5f0f\u4f1a\u5b9a\u671f\u66f4\u65b0\u3002\u52a8\u6001\u6765\u6e90\u7684\u76ee\u6807\u5237\u65b0\u7387\u662f\u6bcf\u79d25\u5e27\uff0c\u4f46\u5f53\u53d1\u73b0\u7f51\u7edc\u8fde\u63a5\u901f\u5ea6\u4e0d\u8db3\u4ee5\u91cd\u590d\u52a0\u8f7d\u9884\u89c8\u5e27\u65f6\uff0c\u8fd9\u4e2a\u5237\u65b0\u7387\u5c31\u4f1a\u964d\u4f4e\u3002<\/p>\n\n\n\n<p>\u76ee\u524d\u4e0d\u652f\u6301\u5728\u52a8\u4f5c\u6309\u94ae\u4e0a\u663e\u793a\u6587\u4ef6\u7684\u7a0b\u5e8f\u8f93\u51fa\u3002\u56fe\u5c42\u9ed8\u8ba4\u56fe\u50cf\u867d\u7136\u5728\u6765\u6e90\u5217\u8868\u4e2d\u4e0d\u53ef\u89c1\uff0c\u4f46\u53ef\u4f9b\u9884\u89c8\u3002<\/p>\n\n\n\n<p>\u4e3a\u4e86\u6307\u5b9a\u4e00\u4e2a\u6e90\u9884\u89c8\uff0c\u4f7f\u7528\u4e86\u4e00\u4e2a\u5bf9\u8c61\u89e3\u6790\u673a\u5236\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6587\u6863ID \"\u603b\u662f\u5728\u8fd0\u884c\u65f6\u7ed8\u5236\uff0c\u6240\u4ee5\u5b83\u4e0d\u5fc5\u51fa\u73b0\u5728\u9884\u8bbe\u4e2d\u3002<\/li>\n\n\n\n<li>\u5982\u679c\u7ed9\u4e86 \"sourceId\"\uff0c\u5219\u4f7f\u7528\u8be5ID\u7684\u6e90\u6765\u8fdb\u884c\u9884\u89c8\u3002<\/li>\n\n\n\n<li>\u5982\u679c \"layerId\"\u3001\"variantId \"\u548c \"dynamicSourceId \"\u90fd\u7ed9\u5b9a\u4e86\uff0c\u6e90\u7684ID\u5c06\u5728 \"dynamicSourceId \"\u4e2d\u7684\u952e\u4e0b\u7684\u6307\u5b9a\u5c42\u7684\u53d8\u4f53\u4e0a\u67e5\u627e\u3002\u8fd9\u53ef\u4ee5\u7528\u6765\u5f15\u7528\u50cf\u89c6\u9891\u5207\u6362\u5668\u7684\u6e90A-G\uff0c\u5373\u4f7f\u5b83\u4eec\u5728\u6587\u4ef6\u4e2d\u88ab\u6539\u53d8\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Button \u989c\u8272<\/h3>\n\n\n\n<p>\u901a\u8fc7\u4f7f\u7528 \"color \"\u5c5e\u6027\uff0c\u6309\u94ae\u53ef\u4ee5\u7528\u4efb\u4f55\u989c\u8272\u4ee3\u7801\u8fdb\u884c\u7740\u8272\uff0c\u8fd9\u4e9b\u4ee3\u7801\u53ef\u4ee5\u5728 <span class=\"caps\">HTML<\/span> (\u4f8b\u5982\uff0c\"#f80\"\u3001\"#ff0088\"\u3001\"\u6a59\u8272 \"\u6216 \"rgb\uff08255\uff0c66\uff0c88\uff09\"\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Button Icon<\/h3>\n\n\n\n<p>Buttons\u53ef\u4ee5\u663e\u793a\u4e00\u4e2a\u56fe\u6807\u6765\u8868\u793a\u5b83\u4eec\u7684\u529f\u80fd\u3002\u8981\u67e5\u770b\u6240\u6709\u53ef\u7528\u7684\u56fe\u6807\u5217\u8868\uff0c\u5728mimoLive\u8fd0\u884c\u65f6\u6253\u5f00http:\/\/localhost:8989\/icons\/demo.html\uff0c\u5e76\u542f\u7528\u8fdc\u7a0b\u63a7\u5236\u3002<br>\u4f7f\u7528\u56fe\u6807\u7684\u666e\u901a\u540d\u79f0\u3002\u4f8b\u5982\uff0c\"\u5411\u540e \"\u6216 \"\u5411\u4e0b\u7bad\u5934\"\u3002<\/p>","protected":false},"excerpt":{"rendered":"<p>If you are creating a custom layer, there is the possibility of even including custom control presets with your layer. This come in handy if your layer has push buttons that controls the behaviour of your layer when its live. Data Structure The following data structure is a sample output which needs to be present [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":32482,"menu_order":1,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32483","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/user-manual\/32483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":2,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/user-manual\/32483\/revisions"}],"predecessor-version":[{"id":40973,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/user-manual\/32483\/revisions\/40973"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/user-manual\/32482"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/media?parent=32483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/categories?post=32483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/zh\/wp-json\/wp\/v2\/tags?post=32483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}