A tool that will help record stream events and notes while live streaming
- Commands to use in chat:
-
!mark: used to create "chapters" for events that occurred on stream. This outputs to a file calledsegments.mdand in a table format. This can be used as chapters within the description of YouTube recordings for the streamExample format:
| 00:00:00 | Kick it off | -
!note: used to create a note of something that happened or was learned during the stream. This outputs to a file callednotes.md.Example format:
- this is a note (added by [@clarkio](https://twitch.tv/clarkio))\n
-
Clarkio
This game was built with 💙 live on stream with the programming community. Come and hang out with us over on Twitch!
Prerequisites
- Node.js: nvm or nvm-windows
- Streamelements account (it's possible to move away from this dependency but requires some code changes)
Update/create your .env file
In the root of the repo, you'll see an example .env-example file, copy this, and create a .env file
Fill in the following fields in your new .env file:
- WORKING_DIRECTORY=/Your/path/to/output/files/
- TWITCH_CHANNEL=(your channel to monitor)
- CAPTURE_MARKERS=(set to true if running while live streaming)
- TWITCH_USERNAME=(your bot username or your username)
- TWITCH_CLIENT_ID=
- TWITCH_CLIENT_TOKEN=
- SE_ACCOUNT_ID=
- SE_TOKEN=
If you don't have values for these go to the Setup section of this document
Quick Start
- Open a terminal/command line in the project's directory on your machine
- Run
npm i - Run
npm start
Setup
Get Twitch App Client ID and Secret
- Go to Twitch Dev and sign in
- Go to Apps Console and click on "Register Your Application"
- Enter a name of your choosing (such as "Download Twitch Markers"), a redirect of
https://localhostand category of your choosing (such as Broadcaster Suite). Then click "Create" - You'll be brought back to the Apps Console. Find your new app with the name you entered and click "Manage"
- Find the "Client ID" field and copy its value. Save it in a safe place
- Under "Client Secret" click "New Secret" you'll be prompted with a message to confirm you want to generate a new secret. Select "OK"
- You'll see a new block of text right above the "New Secret" button. Copy that text and save it in a safe place as well
- Back in this project folder, find the
.env-examplefile and rename it to.envor create a new file with the name.env - Inside this file add the values you copied in the previous step to their corresponding environment variables. For example add the "Client ID" value right after equals in
TWITCH_CLIENT_ID= - Set the
TWITCH_CHANNELvariable value to the channel you want to use and retrieve the stream markers from
Get Streamelements Account Id and Token
- Go to Streamelements.com and sign in with your Twitch account
- Click on your account in the top-right corner, click on your account owner link in that menu and then select "Channel settings"
- You should see an "Account ID" field now. Copy its value and save it in your
.envfile forSE_ACCOUNT_ID= - Select "Show Secrets" toggle button to show your Streamelements token. Find the "JWT Token" field and copy and save its value in the
.envfile forSE_TOKEN=