noflo graph: seriously test

noflo.json

{
  "properties": {
    "name": "camTest",
    "environment": {
      "runtime": "html",
      "src": "./preview/iframe.html",
      "width": 300,
      "height": 300,
      "content": "        <video id=\"video\" autoplay style=\"display:none\"></video><canvas id=\"filtered\" width=\"640\" height=\"480\" style=\"\"></canvas>\n      "
    }
  },
  "exports": [],
  "groups": [],
  "processes": {
    "core/Output_ti0qy": {
      "component": "core/Output",
      "metadata": {
        "x": 840,
        "y": 300,
        "label": "core/Output"
      }
    },
    "dom/GetElement_lj9i9": {
      "component": "dom/GetElement",
      "metadata": {
        "x": 660,
        "y": 120,
        "label": "getVideoEl"
      }
    },
    "gum/GetUserMedia_b26fa": {
      "component": "gum/GetUserMedia",
      "metadata": {
        "x": 480,
        "y": 300,
        "label": "gum/GetUserMedia"
      }
    },
    "dom/SetAttribute_wavzp": {
      "component": "dom/SetAttribute",
      "metadata": {
        "x": 660,
        "y": 300,
        "label": "streamUrlToSrc"
      }
    },
    "core/RepeatAsync_5iika": {
      "component": "core/RepeatAsync",
      "metadata": {
        "x": 480,
        "y": 120,
        "label": "loadbang"
      }
    },
    "dom/GetElement_deszb": {
      "component": "dom/GetElement",
      "metadata": {
        "x": 840,
        "y": 120,
        "label": "getFilteredEl"
      }
    },
    "seriously/SetFilterTarget_jrm31": {
      "component": "seriously/SetFilterTarget",
      "metadata": {
        "x": 780,
        "y": 420,
        "label": "seriously/SetFilterTarget"
      }
    },
    "seriously/FilterScanLines_lid9g": {
      "component": "seriously/FilterScanLines",
      "metadata": {
        "x": 420,
        "y": 420,
        "label": "seriously/FilterScanLines"
      }
    },
    "seriously/FilterVignette_6hr1j": {
      "component": "seriously/FilterVignette",
      "metadata": {
        "x": 600,
        "y": 420,
        "label": "seriously/FilterVignette"
      }
    }
  },
  "connections": [
    {
      "src": {
        "process": "gum/GetUserMedia_b26fa",
        "port": "url"
      },
      "tgt": {
        "process": "dom/SetAttribute_wavzp",
        "port": "value"
      },
      "metadata": {
        "route": "1"
      }
    },
    {
      "src": {
        "process": "dom/GetElement_lj9i9",
        "port": "element"
      },
      "tgt": {
        "process": "dom/SetAttribute_wavzp",
        "port": "element"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "src": {
        "process": "core/RepeatAsync_5iika",
        "port": "out"
      },
      "tgt": {
        "process": "gum/GetUserMedia_b26fa",
        "port": "start"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "src": {
        "process": "dom/GetElement_deszb",
        "port": "element"
      },
      "tgt": {
        "process": "seriously/SetFilterTarget_jrm31",
        "port": "target"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "src": {
        "process": "seriously/FilterScanLines_lid9g",
        "port": "filter"
      },
      "tgt": {
        "process": "seriously/FilterVignette_6hr1j",
        "port": "source"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "src": {
        "process": "seriously/FilterVignette_6hr1j",
        "port": "filter"
      },
      "tgt": {
        "process": "seriously/SetFilterTarget_jrm31",
        "port": "source"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "src": {
        "process": "dom/SetAttribute_wavzp",
        "port": "element"
      },
      "tgt": {
        "process": "seriously/FilterScanLines_lid9g",
        "port": "source"
      },
      "metadata": {
        "route": 0
      }
    },
    {
      "data": "src",
      "tgt": {
        "process": "dom/SetAttribute_wavzp",
        "port": "attribute"
      }
    },
    {
      "data": "#video",
      "tgt": {
        "process": "dom/GetElement_lj9i9",
        "port": "selector"
      }
    },
    {
      "data": true,
      "tgt": {
        "process": "gum/GetUserMedia_b26fa",
        "port": "video"
      }
    },
    {
      "data": false,
      "tgt": {
        "process": "gum/GetUserMedia_b26fa",
        "port": "audio"
      }
    },
    {
      "data": "loadbang",
      "tgt": {
        "process": "core/RepeatAsync_5iika",
        "port": "in"
      }
    },
    {
      "data": "#filtered",
      "tgt": {
        "process": "dom/GetElement_deszb",
        "port": "selector"
      }
    }
  ]
}