Backseat Me

Inspiration

Backseat me was inspired by the game Dead Cells and their Twitch integration, where the viewers could be a chicken following the player. I wanted to bring that experience to more Twitch categories and use that to improve interaction

What it does

With Backseat Me, viewers can take control of a little character using channel points on the streamer computer, and move it around, talk to the streamer, to help them, or not. Everything is made to be simple and intuitive for viewers and help to bring a new type of interactivity while keeping the streamer safe

Viewers

To become a backseater viewers have to spend channel points on the custom redemption. Then they can interact with the Twitch extension to control the character and talk in the Twitch chat to display messages on the streamer's screen

Using the Twitch chat allows providing safety to the streamer by leveraging all the Twitch moderation tools already in place and makes it easier to use because viewers are familiar with it already.

There are also multiple characters available so that the viewer can choose the one they like the most!

Streamers

Streamers have to install a Twitch extension and download a local app on their computer so that the character appears on top of their screen.

The application leverages the power of Twitch extension to make it easy for streamers to set up the project. On the extension configuration page, they can find all the links to download the tool and get the browser source and be sure the tool is safe for them

The tool also provides a Browser source to give more control for broadcasting tools like OBS, so people can decide how they want their viewers to see it, this also allows this tool to be used in dual PC setups or remote setups.

Using the channel points features, like global cooldown allowed me to improve the experience for the streamer so they don't get overwelm

How we built it

Streamer side:

Local app (Electron)
Twitch extension (VueJs)
Browser source

Viewer side:

Twitch Extension (video overlay)

Server:

AWS DynamoDB / AWS Lambda
Node Js
Twitch EventSub

Challenges we ran into

Creating multiple application that will communicate with each other in real-time was a struggle

Accomplishments that we're proud of

I had the first reaction from some partner streamer that enjoyed the tool since it brings a new way to interact with the viewers so I'm really happy that people like it