We are striving developers with the goal of being part of a great company
Watch Twitch streams the Japanese way with this refreshing new take on an old concept!
In the 2000s as video streaming on the internet was gaining popularity, there was a Japanese site called Nico Nico. The hook for their site was that comments and chat messages would be overlaid on the stream live as you were watching via a fly-by marquee one-shot animations in all sorts of random places on the screen!
Nobody has really ever used that hook since the early 2000s and so we decided to apply it to Twitch using their own API and recreate it for a new audience so that you can watch in a more fun way!
As an added bonus, you can use this app to overlay it automatically on your own stream via Open Broadcaster Software (OBS) so that when you combine the app with a Browser Source, you can make it so that your normal stream will automatically display the effect by default for your viewers!
http://18.104.22.168/usernamehereif you want to automatically tune in to a particular channel)
node server.jsin one bash terminal console instance
npm startin the a second bash terminal instance
localhost:3000in your browser
View the screencast:
DigitalOcean was used to host the project's worker and web dynos.
We were originally going to deploy this project on Heroku, but we had to switch due to the time constraint due to the back-end sockets not connecting properly and Heroku's console log wasn't giving us any clues to work with.
Here are the NPM packages that we used in the project, per the
package.json file in the Github repo's root folder:
Twitch emote icons are fetched from their public API's static image content.
Its fun i agree
I didn't know this was a thing, I didn't know it was no longer a thing, and now I know it is a thing. I didn't know how much I needed this. Safe to say I will be using this if I ever stream anything again and when I watch anything.
It would be nice to have a "suggested streams to watch" feature, especially one that was based on the volume of recent comment.s
Watching a busy stream was total insanity, and a lot of fun! Nice concept and execution!
Wow, that is dizzying! I never had the dubious pleasure of experiencing this type of chat when it was originally used, so I don't have a frame of comparison. I thought the speed was a bit fast for readability, and it seemed to be a little jumpy, but my monitor is actually a tv, so it may just be my frame rate. Nice work!
Difficult to really judge as I don't know any twitch streamers and there needs to be a live one for it to work. Should provide a default live stream for users to demo. (Don't worry, I looked some up ;).
Nice idea, good implementation
niconico's comments presentation is always pretty fun to look at. Nice to see you to be able to put it together with twitch's data too!