hermansenph / twitch-auto-highlight Goto Github PK
View Code? Open in Web Editor NEWA web app for Twitch viewers who want to see automatically generated highlights of their favorite streamers.
A web app for Twitch viewers who want to see automatically generated highlights of their favorite streamers.
User can see all past highlights in one easy-to-navigate location.
Restructure data to one collection with more information associated to each object
Rewrite function that assigns length to be more accurate to highlight moment
Create function to search database for associated highlights
Create function to return array sorted by date/player/increase
Create function to append stream dates of highlights to page
Create function to append embedded highlights based on selected stream
Provide a more efficient, user friendly way to view highlights.
A user interface that is familiar for Twitch users.
User has a more organized way to view the highlights they are interested in.
User will have a simple way to navigate to a desired channel.
User can monitor a channel for increased chat activity and create clips at appropriate times
Install and add tmi.js as a dependency
Install and add mongoDB as a dependency
Create function to check if stream is online
Create function to add # of chat occurrences in last 10 seconds to mongoDB, only keeping the last minute of data.
Create function to append button on page based on stream status.
Send request to server on button press
Create function to analyze the text log for fluctuations
Only capture highlights which are truly highlights.
User can see all the best moments on one page
Create function to find the VOD associated with current stream
Create function to generate VOD embed based on highlight moment
Create function to add highlight moments reference to database
Create function to poll for new highlights
Create function to append highlights to page
User can login with their Twitch account to see personally curated highlight lists.
User can input a twitch channel, and see a list of who that user is following
Get Access to Twitch API.
Add index.html, styles.css, and main.js to twitch-auto-highlight/ and link them together
Add header and search element to index.html
Create function that takes the search value and returns the relevant Twitch channel
Create function to append an element with the return value of the previous function
Style with CSS
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.