• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 04:39
CEST 10:39
KST 17:39
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
[ASL22] Ro16 Preview: Holy Diver5[ASL22] Ro16 Preview: Rough Waters10[ASL22] Ro24 Preview: Siren's Call8[ASL22] Ro24 Preview: Summer's End9Serral wins HomeStory Cup 2915
Community News
Weekly Cups (Sep 7-12): SHIN, ByuN, MaxPax double down1StarCraft open world shooter announced at BlizzCon98Weekly Cups (Aug 30-Sep 7): herO thrives amid growing schism10Official StarCraft website teases new content ahead of BlizzCon?179Stellar Fest TWO the Moon (Dec 16-20)9
StarCraft 2
General
How do you feel about the StarCraft shooter announcement at BlizzCon 2026? Weekly Cups (Sep 7-12): SHIN, ByuN, MaxPax double down Blizzard Classic Cup @ BlizzCon 2026 - $100k prize pool StarCraft open world shooter announced at BlizzCon Balance hotfix patch 5.0.16b (July 16)
Tourneys
RSL Revival: Season 6 - Qualifiers and Main Event RSL goes to London! 2026 Offline Finals Nov 21-22 SC2 AI Tournament 2026 Fall Sparkling Tuna Cup - Weekly Open Tournament KSL Week #92
Strategy
[G] Having the right mentality to improve
Custom Maps
Nexus Wars 2021 GUIDE [M] (2) Industrial Park
External Content
Mutation # 543 Enhanced Defenses The PondCast: SC2 News & Results Mutation # 542 The Ascended Mutation # 541 Binary Choice
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ a Announcement on the JEDI Ringing ASL22 General Discussion Syncronization issues and can't find games [ASL22] Ro16 Preview: Holy Diver
Tourneys
[ASL22] Ro16 Group D [ASL22] Ro16 Group C KCM Race Survival 2026 Season 3 [Megathread] Daily Proleagues
Strategy
Replay Review Process - What do you do? Simple Questions, Simple Answers Odyssey Mineral Stack Saturation Game Theory for Starcraft
Other Games
General Games
Warcraft III: The Frozen Throne Nintendo Switch Thread Stormgate/Frost Giant Megathread EVE Corporation Diablo IV
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
[TL LoL EUW IHs] Teemo shall perish
Heroes of the Storm
Heroes of the Storm 2.0
Hearthstone
Deck construction bug
TL Mafia
TL Mafia Community Thread
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread Canadian Politics Mega-thread Post Your Watch!
Fan Clubs
MarineLorD Fan Club The Creator Fan Club The ShoWTimE Fan Club
Media & Entertainment
[Manga] One Piece Movie Discussion! Diablo Animated Series on Netflix
Sports
Football (Soccer) Thread TeamLiquid Health and Fitness Initiative For 2023 MLB/Baseball 2023
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List Northern Ireland Global Starcraft
Blogs
[meme] I finally understa…
LUCKY_NOOB
Virtual Romance, Real-Life C…
TrAiDoS
Regacy Esports:Our Goa…
regacyesports
Dreaming of BW patches (mod…
c3rberUs
Customize Sidebar...

Website Feedback

Closed Threads



Active: 5676 users

Twitch TV multi-channel viewer

Blogs > jitte
Post a Reply
jitte
Profile Blog Joined August 2007
21 Posts
Last Edited: 2013-09-03 18:44:52
September 02 2013 00:22 GMT
#1
I wrote a Twitch TV multi-channel viewer hosted at https://gist.github.com/gelguy/6408143.
Copy/download the code and save it as a html. Open in any browser.

Channel name must be their twitch page but not case-sensitive e.g. EG.Jeyo's channel is jeyodude.
Double click to close a channel.
Drag the right and bottom edges to resize.

Tested in Chrome and Opera.
Comments are welcome. Would be grateful if someone could host it too.

Sample screenshot:

[image loading]


v1.02
- auto-focus search box on typing
- search box to front on focus
- removed dialog padding suggested by ulan-bat
- dark theme with toggle suggested by ulan-bat

v1.03
- fixed bug preventing fullscreen
- fixed bug not detecting all keypresses (s-z)
- resize handles on all sides ** not usable in Opera 12 and below (css calc breaks in Opera)
- limited draggable area to window

v1.04.2
- now supports IE (tested in IE8)
** IE has a 30px padding around flash as it is slow in detecting mouse movement
** IE can only resize on right and bottom handles (same issue as Opera)
** IE cannot turn off padding white background in dark theme (transparent iframe needed)
- css and javascript cleanup
- removed console logging
- fixed bug not detecting all keypresses ( _ and - )

edit: typo
edit: v1.02
edit: v1.03
edit: v1.04.2

*****
ZAiNs
Profile Joined July 2010
United Kingdom6525 Posts
September 02 2013 00:41 GMT
#2
This is amazing.
Dubzex
Profile Joined October 2010
United States6994 Posts
September 02 2013 00:41 GMT
#3
Or just http://multitwitch.tv/
"DONT UNDERESTIMATE MY CARRY OR YOU WILL BE CARRIED INTO THE ABYSS OF SUFFERING" - Tyler 'TC' Cook
jitte
Profile Blog Joined August 2007
21 Posts
September 02 2013 00:44 GMT
#4
On September 02 2013 09:41 Dubzex wrote:
Or just http://multitwitch.tv/


My issue with multitwitch was that you could not decide the layout. So for example if in Dota2 TI3 finals there were booth cams, but they were given the same amount of space as the actual game stream. In this version you can resize, position and overlap the streams however you want.
ulan-bat
Profile Blog Joined August 2011
China403 Posts
Last Edited: 2013-09-02 01:26:15
September 02 2013 01:25 GMT
#5
Very cool
pure JS too, nice

Ideas: dark theme (body background-color: black basically)
auto-layout to fit the screen
no borders around the embed
+ host two/three/four versions with different themes somewhere
"Short games, shorts, summer weather, those things bring the heat!" - EG.iNcontroL
Burrfoot
Profile Blog Joined July 2012
United States1176 Posts
September 02 2013 02:23 GMT
#6
Looks pretty neat utility, though I'm not sure I have the attention span to understand multiple streams. Maybe if they have a team match where its 5v5 and you can watch all 10 at the same time? (Thinking CS:GO)
http://us.battle.net/d3/en/profile/Davlok-1847/career
thezanursic
Profile Blog Joined July 2011
5504 Posts
September 02 2013 11:53 GMT
#7
SHUTTLE!!!

This seems nice, but I'm a person who gets easily distracted so often times 1 stream is to much for me to handle. I get lost in my thoughts while trying to watch Snipealot 2 and learn something from the likes of Movie and Shuttle.
http://i45.tinypic.com/9j2cdc.jpg Let it be so!
jitte
Profile Blog Joined August 2007
21 Posts
September 02 2013 12:33 GMT
#8
On September 02 2013 11:23 Burrfoot wrote:
Looks pretty neat utility, though I'm not sure I have the attention span to understand multiple streams. Maybe if they have a team match where its 5v5 and you can watch all 10 at the same time? (Thinking CS:GO)

On September 02 2013 20:53 thezanursic wrote:
SHUTTLE!!!

This seems nice, but I'm a person who gets easily distracted so often times 1 stream is to much for me to handle. I get lost in my thoughts while trying to watch Snipealot 2 and learn something from the likes of Movie and Shuttle.

I am the type who watches multiple streams at once and I am sure there are others out there. For example, there are 2 Dota tournaments going on concurrently later so it is nice to have one tab to watch both streams. This occurs often at major LAN events where there are multiple matches going on at the same time on multiple streams.
Please log in or register to reply.
Live Events Refresh
Next event in 2h 22m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
ProTech145
OGKoka 124
StarCraft: Brood War
Shuttle 2758
Hyuk 259
Soma 186
Mong 117
Aegong 32
NaDa 31
Sharp 28
Hm[arnc] 11
ajuk12(nOOB) 9
Noble 8
[ Show more ]
Britney 0
League of Legends
JimRising 524
Counter-Strike
olofmeister517
shoxiejesuss351
Other Games
summit1g11860
ceh9637
Mew2King176
Sick147
Organizations
Other Games
gamesdonequick652
[ Show 15 non-featured ]
StarCraft 2
• Berry_CruncH415
• LUISG 18
• Letter147
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• Migwel
StarCraft: Brood War
• iopq 9
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• lizZardDota2271
League of Legends
• Jankos1567
• Stunt425
Upcoming Events
IntoTheTV X SOOP
2h 22m
Cure vs SHIN
herO vs Solar
Percival vs Classic
ByuN vs Rogue
OSC
13h 22m
Replay Cast
15h 22m
IntoTheTV X SOOP
1d 2h
Replay Cast
1d 15h
GSL
2 days
Replay Cast
2 days
GSL
3 days
Shopify Rebellion Sundays
3 days
Spirit vs Mixu
Replay Cast
3 days
[ Show More ]
Afreeca Starleague
4 days
Shine vs Rush
WardiTV Weekly
4 days
Monday Night Weeklies
4 days
Sparkling Tuna Cup
5 days
Afreeca Starleague
5 days
Light vs EffOrt
PiGosaur Cup
5 days
Kung Fu Cup
6 days
Liquipedia Results

Completed

Acropolis #5 - TRS
Blizzard Classic Cup 2026
Big Dog Cup 2026 Div 1

Ongoing

KCM Race Survival 2026 Season 3
K-JUNGMAN
ASL Season 22
Super Anchor Qualifying S3
CSL 2026 AUTUMN (S22)
Acropolis #5
Calamity Invitational
Logitech G Play Connect 2026
SL StarSeries Fall 2026
FISSURE Playground #3
BLAST Open Fall 2026
Esports World Cup 2026
BLAST Bounty Summer 2026
BLAST Bounty Summer Qual
Stake Ranked Episode 3
XSE Pro League 2026

Upcoming

Acropolis #5 - GSA
Acropolis #5 - GSB
Acropolis #5 - GSC
SC4ALL II: Brood War
HSC XXX
Stellar Fest 2: Lunar Cup
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
RSL Offline Finals
Copium Cup
PGL Major Singapore 2026
Stake Ranked Episode 6
BLAST Rivals Fall 2026
IEM Beijing 2026
Stake Ranked Episode 5
PGL Masters Bucharest 2026
1win Private Club #2
Thunderpick World Champ. '26
ESL Pro League Season 24
Stake Ranked Episode 4
1win Private Club #1
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2026 TLnet. All Rights Reserved.