| Hey everyone, I got fed up with having to juggle around multiple tabs each with a different stream and manually muting them. I spent the past 2 months working on a website that hopefully solves this problem. This was my first foray into React. After having been developing on Ruby / Node on Heroku, making a pure frontend static app was refreshing. Here are some of the features: - Very, very fast. A lot happening under the hood with video to make the swaps near instant. I had to play around with GPU acceleration and CSS transforms to manipulate the streams. - Load three streams simultaneously, when you swap out the primary stream, the other two streams are muted automatically. - A powerful compact stream browser accessible to your left. I've tried to make it so you can scan a whole lot of streams at once to pick out the most interesting ones. - Auto-refreshing stream list. Hopefully you won't even notice it reloading. It's always kept up to date to minimize any offline streamers and catch your favorite streamers coming online. - Drag and drop streams into screens, click on screens to promote them to the primary. A lot of small miscellaneous things that hopefully make Teevox more intuitive. - Auto bandwidth optimization, when you select a very high quality stream (ex: Source), instead of switching all three to high quality, it'll only do it for the primary stream. When you swap out for another primary stream, it will seamlessly transition into the proper quality. The best part was the static HTML portion that allows it to load almost instantly without any preprocessing necessary. Let me know what you think! |