A Simple Example
Here you can follow along as we create a fully functional Twitch extension.
As a simple example, we will create a panel Extension that lets a broadcaster set a “Message of the Day” for their viewers.
On the Broadcaster Live Dashboard we will display a text input field and a button. When the button is pressed, the input message will be sent to all current viewers and displayed in the panel. In addition, any new viewers who visit the channel will see the most recent message the broadcaster sent.
Viewer Panel Code
First up let’s build the Panel Extension that will be shown to each viewer on the broadcaster’s channel page (e.g. https://twitch.tv/muxy). This Viewer Panel will display the message to each viewer.
Broadcaster Live Dashboard Code
Next let’s put together the Live Dashboard Extension that will only appear on the broadcaster’s live dashboard after they have activated the extension (e.g. https://www.twitch.tv/muxy/dashboard/live). This Live Dashboard Extension will allow the broadcaster to set a message.
- Read up on the Muxy Extension SDK: https://github.com/muxy/extensions-js
- Download a complete Vue.js-based extension: MEDKit Starter Vue
- Hit us up with any issues at firstname.lastname@example.org