Twitch

Building the Waveform Editor for the JavaScript DAW

We are building a digital audio workstation in JavaScript with Vue.js and the web audio API. Today we made some progress on the waveform editor. We added an overlay that can be dragged left and right to change the start position of the sample.

Starting a JavaScript DAW

Today we’re getting started on building a new web app. A full, but experimental Audio Workstation using Vue.js and the WebAudio API.

Working on my WebVR Game 🥽

During the stream, we worked on building a WebVR Game using A-Frame. This time we worked on rotating the receiver, transmitter and mirrors.

Building Rosie the Chatbot

During the stream, we worked on building a Twitch bot using Node JS. We worked on storing stream events to Azure and retrieve them for the credits.

Working on my WebVR Game 🥽

During the stream, we worked on building a WebVR Game using A-Frame. For the most part, we worked getting the laser to glow.

Building Rosie the Chat bot

During the stream, we worked on building a Twitch bot using Node JS. We’ve added 2 new chat commands,!project and !theme. We’ve also updated the QnA that Rosie is using on Azure, so she gives better results. I wanted to add a second Hue light to the control so the light effect come through better, so we added support for that. Than, we ended up in having a lot of fun with flashing lights and adding scary sound fx to it.

Working on my WebVR Game 🥽

During the stream, we worked on building a WebVR Game using A-Frame. During the stream, we worked on the Voxel models to use in the game.

Finishing the PWA with Arduino on Azure

During the stream, we worked on building a score counter app. It’s going to be a Progressive web app, running on Azure Static Websites. The app makes a connection to an Arduino using the Web Bluetooth API and stores the data using Azure Functions.

During the stream, we finished the app and made it ready for the demo. We got the Bluetooth working, and made sure the Service worker uses background sync. The app now stores the scores in an IndexedDb database, to sync in to Azure when the connection comes back.