I spend a lot of my time watching YouTube videos, but most of them are under an hour and the people I watch pride themselves on quality, which means they spend a long time editing their videos (Audio, mostly) and rendering in many different qualities. The result of this is that even 10 YouTubers do not produce content faster than I can consume it, which is where Twitch comes in.

The nature of Twitch removes the editing and rendering aspect from the video making process, whilst retaining a high quality video, the end result of this is that a large amount of content is produced that can easily satisfy my desires.

However, Twitch is not designed or meant for videos and as such it doesn't have any video tracking systems for you to see all the videos you haven't watched from all the people you follow. You have to go into each person's profile, look at their past broadcasts and highlights and try remember what you have already watched so you know what is new.

This gave me the idea for TwitchTube, a place where you can easily view all the videos from all the people you follow and keep track of what you have and haven't watched.

You can see it for yourself at twitchtube.max-tingle.co.uk

I wanted this to be as light weight as possible and be a good representation of my current JavaScript skills, since it's been a long time since I posted a project that involved JavaScript publicly and I have improved a lot since then. Therefore, this project can operate entirely client side, there is no storing of the user's data anywhere other than the user's machine and no server side languages are involved from my side at all.

I do have plans to implement some server side saving for users that want it, but that will be entirely optional and will only save the JSON string that is normally stored in localStorage or the document cookies, with the user's authentication token only being used to verify the account before saving the settings.

Here is the feature list:

Channel selection - Select the channels you want to see
Video grouping - The videos belonging to channels you don't want to see can be set to show in an "Other channels" section
Watched video tracking - Mark videos as watched to hide them from the video list
Notifications - Desktop or in-browser notifications when a new video arrives
Channel reordering - Organize the list of channels however you want
Thumbnail lists - However over or move your mouse cursor onto the thumbnail of a video to cycle through the thumbnails
Muted video customization - Hide muted videos or just display an icon to show they're muted
Video type selection - Choose if you want to see past broadcasts, highlights or both
HLS only - If you prefer to only watch HTTP live streams, only get shown them
Deletion countdown - Videos are removed from Twitch after a certain amount of time, TwitchTube tells you how long you have left to watch them
Setting importing and exporting - Share your settings, watched videos, channel order and such
Easy scrolling - Use you mouse wheel for horizontal scrolling of the channels