[{"data":1,"prerenderedAt":84},["ShallowReactive",2],{"\u002Fwork\u002Finteractive-streaming-system":3},{"id":4,"title":5,"body":6,"category":53,"cover":54,"description":46,"draft":55,"extension":56,"links":54,"meta":57,"navigation":58,"path":59,"roadmap":60,"role":73,"seo":74,"status":75,"stem":76,"summary":77,"tech":78,"year":82,"__hash__":83},"work\u002Fwork\u002Finteractive-streaming-system.md","Interactive streaming system",{"type":7,"value":8,"toc":45},"minimark",[9,14,18,22,25,29],[10,11,13],"h2",{"id":12},"what-it-is","What it is",[15,16,17],"p",{},"A custom live production system I built for my own streams. A central listener watches stream events, and a small family of connected apps handle overlays, controls, and live interactions. Each app is small and focused; the listener keeps them in sync.",[10,19,21],{"id":20},"why-i-built-it","Why I built it",[15,23,24],{},"Off-the-shelf overlay tools were either too rigid for what I wanted to do live, or required me to fight the tooling instead of focusing on the show. Building my own system meant I could iterate quickly on the parts that actually matter, the parts the audience sees and feels.",[10,26,28],{"id":27},"what-it-proves","What it proves",[30,31,32,36,39,42],"ul",{},[33,34,35],"li",{},"Multi-app architecture with a shared event source",[33,37,38],{},"Real-time updates across surfaces under live constraints",[33,40,41],{},"Practical internal tooling that earns its keep every stream",[33,43,44],{},"Live production thinking: failure modes, reset paths, audience-facing reliability",{"title":46,"searchDepth":47,"depth":47,"links":48},"",3,[49,51,52],{"id":12,"depth":50,"text":13},2,{"id":20,"depth":50,"text":21},{"id":27,"depth":50,"text":28},"system",null,false,"md",{},true,"\u002Fwork\u002Finteractive-streaming-system",{"now":61,"next":65,"later":69},[62,63,64],"Listener-based stream system","Connected apps for overlays and controls","Custom tools for managing stream interactions",[66,67,68],"Cleaner control surface","More reusable overlay components","Better automation between stream state and visuals",[70,71,72],"Generalized live production toolkit","More integrations","Reusable system for events beyond Twitch","Designer & Engineer",{"title":5,"description":46},"live","work\u002Finteractive-streaming-system","A custom live production system with a listener and connected apps for stream overlays, controls, and interaction.",[79,80,81],"Vue","Real-time","Multi-app architecture",2024,"NYwLqT29aMgH2CVf9lmXGALVo5kF6ltYTLc4OuW8GJ8",1777846983852]