• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 07:36
CET 13:36
KST 21:36
  • 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
SC2 All-Star Invitational: Tournament Preview5RSL Revival - 2025 Season Finals Preview8RSL Season 3 - Playoffs Preview0RSL Season 3 - RO16 Groups C & D Preview0RSL Season 3 - RO16 Groups A & B Preview2
Community News
Weekly Cups (Jan 12-18): herO, MaxPax, Solar win0BSL Season 2025 - Full Overview and Conclusion7Weekly Cups (Jan 5-11): Clem wins big offline, Trigger upsets4$21,000 Rongyi Cup Season 3 announced (Jan 22-Feb 7)16Weekly Cups (Dec 29-Jan 4): Protoss rolls, 2v2 returns7
StarCraft 2
General
PhD study /w SC2 - help with a survey! When will we find out if there are more tournament Weekly Cups (Jan 12-18): herO, MaxPax, Solar win I am looking for StarCraft 2 Beta Patch files Stellar Fest "01" Jersey Charity Auction
Tourneys
$70 Prize Pool Ladder Legends Academy Weekly Open! SC2 All-Star Invitational: Jan 17-18 Sparkling Tuna Cup - Weekly Open Tournament SC2 AI Tournament 2026 $21,000 Rongyi Cup Season 3 announced (Jan 22-Feb 7)
Strategy
Simple Questions Simple Answers
Custom Maps
Map Editor closed ?
External Content
Mutation # 509 Doomsday Report Mutation # 508 Violent Night Mutation # 507 Well Trained Mutation # 506 Warp Zone
Brood War
General
BSL Season 2025 - Full Overview and Conclusion [ASL21] Potential Map Candidates Gypsy to Korea Video Footage from 2005: The Birth of G2 in Spain BW General Discussion
Tourneys
[Megathread] Daily Proleagues [BSL21] Non-Korean Championship - Starts Jan 10 Small VOD Thread 2.0 Azhi's Colosseum - Season 2
Strategy
Simple Questions, Simple Answers Soma's 9 hatch build from ASL Game 2 Game Theory for Starcraft Current Meta
Other Games
General Games
Battle Aces/David Kim RTS Megathread Nintendo Switch Thread Stormgate/Frost Giant Megathread Beyond All Reason Awesome Games Done Quick 2026!
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Deck construction bug Heroes of StarCraft mini-set
TL Mafia
Vanilla Mini Mafia Mafia Game Mode Feedback/Ideas
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread NASA and the Private Sector Canadian Politics Mega-thread
Fan Clubs
The herO Fan Club! The IdrA Fan Club
Media & Entertainment
Anime Discussion Thread [Manga] One Piece
Sports
2024 - 2026 Football Thread
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
Navigating the Risks and Rew…
TrAiDoS
My 2025 Magic: The Gathering…
DARKING
Life Update and thoughts.
FuDDx
How do archons sleep?
8882
James Bond movies ranking - pa…
Topin
Customize Sidebar...

Website Feedback

Closed Threads



Active: 2646 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
5497 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
OSC
11:00
Season 13 World Championship
Nicoract vs PercivalLIVE!
Solar vs TBD
Krystianer vs Shameless
WardiTV584
TKL 142
IndyStarCraft 137
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
TKL 142
IndyStarCraft 137
RotterdaM 132
StarCraft: Brood War
Sea 8368
Calm 2604
Rain 2246
Horang2 1473
Hyuk 1072
Soma 639
Stork 540
EffOrt 511
Larva 455
BeSt 392
[ Show more ]
Zeus 377
firebathero 340
Mini 271
ggaemo 211
ZerO 199
Snow 197
Sharp 141
Pusan 137
Hyun 110
Rush 110
hero 103
Mong 101
Hm[arnc] 97
Mind 78
Killer 77
soO 70
ToSsGirL 59
Shuttle 48
Noble 41
Barracks 31
Movie 24
ajuk12(nOOB) 22
Icarus 18
scan(afreeca) 16
zelot 16
Terrorterran 15
GoRush 13
HiyA 12
ivOry 11
NaDa 11
Dota 2
Gorgc2869
singsing2299
XcaliburYe91
NeuroSwarm80
Counter-Strike
olofmeister1975
shoxiejesuss902
x6flipin642
byalli430
Other Games
B2W.Neo974
Pyrionflax295
Sick236
QueenE53
KnowMe41
ZerO(Twitch)4
Organizations
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 18 non-featured ]
StarCraft 2
• StrangeGG 36
• naamasc220
• Migwel
• AfreecaTV YouTube
• sooper7s
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Laughngamez YouTube
StarCraft: Brood War
• iopq 8
• STPLYoutube
• ZZZeroYoutube
• BSLYoutube
League of Legends
• Nemesis3666
• Lourlo936
• TFBlade592
• Stunt463
Upcoming Events
PiGosaur Monday
12h 24m
The PondCast
21h 24m
OSC
22h 24m
Big Brain Bouts
3 days
Serral vs TBD
BSL 21
4 days
BSL 21
5 days
Wardi Open
6 days
Monday Night Weeklies
6 days
Liquipedia Results

Completed

Proleague 2026-01-19
SC2 All-Star Inv. 2025
NA Kuram Kup

Ongoing

C-Race Season 1
BSL 21 Non-Korean Championship
CSL 2025 WINTER (S19)
KCM Race Survival 2026 Season 1
OSC Championship Season 13
Underdog Cup #3
BLAST Bounty Winter Qual
eXTREMESLAND 2025
SL Budapest Major 2025
ESL Impact League Season 8
BLAST Rivals Fall 2025
IEM Chengdu 2025

Upcoming

Escore Tournament S1: W5
Acropolis #4
IPSL Spring 2026
Bellum Gens Elite Stara Zagora 2026
HSC XXVIII
Rongyi Cup S3
Nations Cup 2026
PGL Bucharest 2026
Stake Ranked Episode 1
BLAST Open Spring 2026
ESL Pro League Season 23
ESL Pro League Season 23
PGL Cluj-Napoca 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
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.