Tutorial 6 – Send & Receive Messages from a Website. Control TD with a Website using WebSockets

Hey! In this beginner series, we’ll go over how to use WebSockets to control TouchDesigner with a website in real-time and vice versa. We’ll cover step by step how to implement everything from scratch. We’ll also cover some programming concepts assuming little to no experience with programming.

In this tutorial, we’ll go over how to send and receive WebSocket messages from our website to TouchDesigner.

If you’d like to follow along and program the website here is a link to the starter template: https://glitch.com/edit/#!/websocket-td-starter

If you want to work off the completed website it is available for free here: https://glitch.com/edit/#!/websocket-td-example. If you make a login on Glitch you can ‘remix’ the website and have your own version available for use.

The final component that we’ll create in TouchDesigner is available for download on my Patreon: https://patreon.com/tblankensmith.

0:00 Intro
0:57 Website Overview & Docs
2:34 Sending Slider Data
6:55 Receiving WebSocket Messages in our Website
10:55 Controlling our Website with TouchDesigner