Live Now Panel

RebelStreamers Live Panel

Warning, Do Not Use This Page With Limited Mobile Data Connections Due To Heavy Traffic Design. It will consume all your mobile data if you scroll down ! This message will self-destruct in 30 seconds...

This page created to collect in only one place all my favored streamers and to create a live panel page with all of them. Also this page is a live example how useful is for the web the observer api of JavaScript and how easy is the lazysizes implementation of the api that i am currently using.

To work as indeed i included the image of the first test and this description of the panel view page as a helper to create the necessary space at the start of the page and by this trick the videos remain out of the browser's viewport and the videos below are not loaded when you are visiting the page for the first time. If you visit this page with a mobile or tablet with viewport less than 980px you will see a warning message that warns you to not scroll farther if you are using limited mobile data to avoid consume the rest of your monthly remaining mobile data.Also i disabled the auto-scroll of the sidebar because it was breaking due of the heave data transfer.

With these necessary implementations the loading performance of this page also skyrocketed as you can see by yourself on this small video ("Future Link and Article"). For the Future i am planning to create a program that will monitor the status of my favored Streamers on the streaming platforms and it will replace the videos below with them so i can watch them all together in only one page. So, in this page you can watch all my favorite streamers who i call them... RebelStreamers because i love Star Wars lore too much 😂

Also, i created a [Panel View] button too and i placed this button in two places of the page. One button on the top if you want to go straight ahead to the panel view and avoid the load of the components of the rest of the page and one button at the bottom if you want to see how the lazysizes api works by scrolling down .

For the history, the first test was successfully and i am happy that i could watch as you can see in the image below, 5 videos (3 streams and 2 static) without a problem in my pc where the only limitations are the cpu power and my network Bandwidth !