{
  "type": "excalidraw",
  "version": 2,
  "source": "https://excalidraw.com",
  "elements": [
    { "id": "box-container", "type": "rectangle", "x": 120, "y": 340, "width": 720, "height": 320, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "dashed", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1001, "version": 1, "versionNonce": 1, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-box", "type": "text", "x": 140, "y": 350, "width": 460, "height": 20, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1002, "version": 1, "versionNonce": 2, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "SELF-HOSTED BOX (pop-os) · Docker network 'sou'", "fontSize": 14, "fontFamily": 3, "textAlign": "left", "verticalAlign": "top", "containerId": null, "originalText": "SELF-HOSTED BOX (pop-os) · Docker network 'sou'", "lineHeight": 1.25, "baseline": 14 },

    { "id": "clients", "type": "rectangle", "x": 420, "y": 80, "width": 280, "height": 70, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1010, "version": 1, "versionNonce": 10, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-clients", "type": "text", "x": 440, "y": 100, "width": 240, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1011, "version": 1, "versionNonce": 11, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "CLIENTS · browsers\nHost · Producer · Guest · Viewer", "fontSize": 13, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "CLIENTS · browsers\nHost · Producer · Guest · Viewer", "lineHeight": 1.25, "baseline": 30 },

    { "id": "tunnel", "type": "rectangle", "x": 180, "y": 220, "width": 300, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1020, "version": 1, "versionNonce": 20, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-tunnel", "type": "text", "x": 195, "y": 235, "width": 270, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1021, "version": 1, "versionNonce": 21, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "Cloudflare Tunnel\nHTTPS · WSS signaling", "fontSize": 12, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "Cloudflare Tunnel\nHTTPS · WSS signaling", "lineHeight": 1.25, "baseline": 30 },

    { "id": "portfwd", "type": "rectangle", "x": 600, "y": 220, "width": 320, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1030, "version": 1, "versionNonce": 30, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-portfwd", "type": "text", "x": 615, "y": 235, "width": 290, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1031, "version": 1, "versionNonce": 31, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "Router port-forward\nWebRTC media · UDP 7882 / TCP 7881", "fontSize": 12, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "Router port-forward\nWebRTC media · UDP 7882 / TCP 7881", "lineHeight": 1.25, "baseline": 30 },

    { "id": "web", "type": "rectangle", "x": 150, "y": 380, "width": 200, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1040, "version": 1, "versionNonce": 40, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-web", "type": "text", "x": 162, "y": 395, "width": 176, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1041, "version": 1, "versionNonce": 41, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "studio-web · Next.js\nlanding · join · studio · egress", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "studio-web · Next.js\nlanding · join · studio · egress", "lineHeight": 1.25, "baseline": 28 },

    { "id": "api", "type": "rectangle", "x": 400, "y": 380, "width": 200, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1050, "version": 1, "versionNonce": 50, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-api", "type": "text", "x": 412, "y": 395, "width": 176, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1051, "version": 1, "versionNonce": 51, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "control-api · Fastify\ntokens · egress · metrics · capacity", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "control-api · Fastify\ntokens · egress · metrics · capacity", "lineHeight": 1.25, "baseline": 28 },

    { "id": "metrics", "type": "rectangle", "x": 650, "y": 380, "width": 170, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1060, "version": 1, "versionNonce": 60, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-metrics", "type": "text", "x": 660, "y": 395, "width": 150, "height": 35, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1061, "version": 1, "versionNonce": 61, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "Live-metrics sampler\n/proc · /sys · LiveKit", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "Live-metrics sampler\n/proc · /sys · LiveKit", "lineHeight": 1.25, "baseline": 28 },

    { "id": "redis", "type": "rectangle", "x": 150, "y": 520, "width": 200, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1070, "version": 1, "versionNonce": 70, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-redis", "type": "text", "x": 162, "y": 538, "width": 176, "height": 28, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1071, "version": 1, "versionNonce": 71, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "Redis\ncoordination", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "Redis\ncoordination", "lineHeight": 1.25, "baseline": 28 },

    { "id": "livekit", "type": "rectangle", "x": 400, "y": 520, "width": 200, "height": 64, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1080, "version": 1, "versionNonce": 80, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-livekit", "type": "text", "x": 412, "y": 538, "width": 176, "height": 28, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1081, "version": 1, "versionNonce": 81, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "LiveKit · WebRTC SFU\nsignaling + media", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "LiveKit · WebRTC SFU\nsignaling + media", "lineHeight": 1.25, "baseline": 28 },

    { "id": "egress", "type": "rectangle", "x": 650, "y": 520, "width": 170, "height": 64, "angle": 0, "strokeColor": "#a5b4c4", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1090, "version": 1, "versionNonce": 90, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-egress", "type": "text", "x": 660, "y": 538, "width": 150, "height": 28, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1091, "version": 1, "versionNonce": 91, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "Egress · Chromium\ncomposite · encode", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "Egress · Chromium\ncomposite · encode", "lineHeight": 1.25, "baseline": 28 },

    { "id": "youtube", "type": "rectangle", "x": 880, "y": 520, "width": 140, "height": 64, "angle": 0, "strokeColor": "#ef4444", "backgroundColor": "#13161d", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "seed": 1100, "version": 1, "versionNonce": 100, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false },
    { "id": "t-youtube", "type": "text", "x": 892, "y": 538, "width": 116, "height": 28, "angle": 0, "strokeColor": "#e5e7eb", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 1101, "version": 1, "versionNonce": 101, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "text": "YouTube Live\nRTMPS 1080p", "fontSize": 11, "fontFamily": 2, "textAlign": "center", "verticalAlign": "top", "containerId": null, "originalText": "YouTube Live\nRTMPS 1080p", "lineHeight": 1.25, "baseline": 28 },

    { "id": "a1", "type": "arrow", "x": 480, "y": 152, "width": 150, "height": 66, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2001, "version": 1, "versionNonce": 201, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [-150, 66]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a2", "type": "arrow", "x": 640, "y": 152, "width": 120, "height": 66, "angle": 0, "strokeColor": "#f59e0b", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2002, "version": 1, "versionNonce": 202, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [120, 66]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a3", "type": "arrow", "x": 330, "y": 286, "width": 80, "height": 92, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2003, "version": 1, "versionNonce": 203, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [-80, 92]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a4", "type": "arrow", "x": 380, "y": 286, "width": 90, "height": 92, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2004, "version": 1, "versionNonce": 204, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [90, 92]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a5", "type": "arrow", "x": 700, "y": 286, "width": 180, "height": 232, "angle": 0, "strokeColor": "#f59e0b", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2005, "version": 1, "versionNonce": 205, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [-180, 232]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a6", "type": "arrow", "x": 500, "y": 444, "width": 0, "height": 76, "angle": 0, "strokeColor": "#6b7280", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2006, "version": 1, "versionNonce": 206, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [0, 76]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a7", "type": "arrow", "x": 600, "y": 552, "width": 50, "height": 0, "angle": 0, "strokeColor": "#f59e0b", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2007, "version": 1, "versionNonce": 207, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [50, 0]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a8", "type": "arrow", "x": 820, "y": 552, "width": 60, "height": 0, "angle": 0, "strokeColor": "#ef4444", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2008, "version": 1, "versionNonce": 208, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [60, 0]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a9", "type": "arrow", "x": 400, "y": 552, "width": 50, "height": 0, "angle": 0, "strokeColor": "#6b7280", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2009, "version": 1, "versionNonce": 209, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [-50, 0]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" },
    { "id": "a10", "type": "arrow", "x": 735, "y": 380, "width": 50, "height": 230, "angle": 0, "strokeColor": "#00d4ff", "backgroundColor": "transparent", "fillStyle": "solid", "strokeWidth": 1, "strokeStyle": "dashed", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 2010, "version": 1, "versionNonce": 210, "isDeleted": false, "boundElements": [], "updated": 1717000000000, "link": null, "locked": false, "points": [[0, 0], [-45, -230]], "lastCommittedPoint": null, "startBinding": null, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" }
  ],
  "appState": {
    "gridSize": null,
    "viewBackgroundColor": "#0b0d12"
  },
  "files": {}
}