• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 01:49
CEST 07:49
KST 14:49
  • 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
Serral wins HomeStory Cup 2914Serral wins Maestros of the Game 243ByuL, and the Limitations of Standard Play3Team Liquid Map Contest #22: Results and Winners7Code S Season 2 (2026): RO4 and Finals Preview12
Community News
ZeroSpace Early Access is Now Live!3Weekly Cups (July 13-19): Terran & Protoss rise; Zerg falters1Balance hotfix patch 5.0.16b (July 16)67Reynor: GSL Loss Wasn't About Preparation Format16[IPSL] Spring 2026 Grand Finals - This Weekend!18
StarCraft 2
General
Balance hotfix patch 5.0.16b (July 16) Weekly Cups (July 13-19): Terran & Protoss rise; Zerg falters How would you feel about frequent/monthly balance patches for SC2? Clem: "I don't have that much hope in Blizzard" [D] Wireframe Casting Removed
Tourneys
RSL Revival: Season 6 - Qualifiers and Main Event Master Swan Open (Global Bronze-Master 2) WardiTV Summer Cup 2026 GSL CK #5 Race War HomeStory Cup 29
Strategy
[G] Having the right mentality to improve
Custom Maps
New Map Maker - Looking for Advice - Love or Hate Work In Progress Melee Maps [D]RTS in all its shapes and glory <3
External Content
Mutation # 535 Assembly of Vengeance The PondCast: SC2 News & Results Mutation # 534 Burning Evacuation Mutation # 533 Die Together
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion HORROR STARCRAFT MOVIE How Famous was FlaSh before his Debut? Recent recommended BW games
Tourneys
[Megathread] Daily Proleagues [IPSL] Spring 2026 Grand Finals - This Weekend! Escore Tournament - Season 3 Small VOD Thread 2.0
Strategy
Simple Questions, Simple Answers PvT advise for noobs Fighting Spirit mining rates Creating a full chart of Zerg builds
Other Games
General Games
ZeroSpace Early Access is Now Live! ZeroSpace at Steam NextFest - Last free demo Path of Exile Nintendo Switch Thread Stormgate/Frost Giant Megathread
Dota 2
Looking for a Dota Mentor 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
TL Mafia
TL Mafia Power Rank NeO.D_StephenKing vs This Guy From 1 Million Dance TL Mafia Community Thread Vanilla Mini Mafia
Community
General
Russo-Ukrainian War Thread US Politics Mega-thread How to buy a book - shipping from Korea to Europe The Games Industry And ATVI UK Politics Mega-thread
Fan Clubs
The IdrA Fan Club The HerO Fan Club!
Media & Entertainment
Movie Discussion! Anime Discussion Thread [Req][Books] Good Fantasy/SciFi books Series you have seen recently...
Sports
2024 - 2026 Football Thread Formula 1 Discussion MLB/Baseball 2023 McBoner: A hockey love story Tennis[sport]
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread Simple Questions Simple Answers FPS when play League Of Legend on laptop
TL Community
Northern Ireland Global Starcraft The Automated Ban List
Blogs
Hello guys!
LIN1s
Role of Gaming on Mental Hea…
TrAiDoS
ASL S22 English Commentary…
namkraft
Poker (part 2)
Nebuchad
An Exploration of th…
waywardstrategy
ramps on octagon
StaticNine
Customize Sidebar...

Website Feedback

Closed Threads



Active: 5416 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
5500 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 18h 11m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Nina 84
FoxeR 60
StarCraft: Brood War
GuemChi 3556
Mind 229
Tasteless 175
ZergMaN 91
Mong 46
Bale 22
Icarus 14
Light 0
League of Legends
JimRising 701
Counter-Strike
summit1g7835
Coldzera 1237
Stewie2K462
Other Games
WinterStarcraft807
PiGStarcraft394
NeuroSwarm121
Trikslyr23
Organizations
Other Games
gamesdonequick1561
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
[ Show 16 non-featured ]
StarCraft 2
• Berry_CruncH324
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• lizZardDota2100
League of Legends
• Rush1586
• Stunt720
• Lourlo575
• HappyZerGling104
Upcoming Events
PiGosaur Cup
18h 11m
The PondCast
1d 4h
Kung Fu Cup
1d 5h
OSC
1d 18h
CrankTV Team League
2 days
Replay Cast
2 days
CrankTV Team League
3 days
Korean StarCraft League
3 days
RSL Revival
4 days
Clem vs ByuN
Serral vs SHIN
Online Event
4 days
[ Show More ]
Replay Cast
4 days
RSL Revival
5 days
herO vs Solar
Rogue vs Lambo
WardiTV Weekly
6 days
Liquipedia Results

Completed

Acropolis #4
HSC XXIX
Eternal Conflict S2 E3

Ongoing

CSL 2026 Summer (S21)
KCM Race Survival 2026 Season 3
RSL Revival: Season 6
CranK Gathers Season 4: BW vs SC2 Team League
SCTL 2026 Spring
BLAST Bounty Summer Qual
Stake Ranked Episode 3
XSE Pro League 2026
IEM Cologne Major 2026
Stake Ranked Episode 2
CS Asia Championships 2026
Asian Champions League 2026
IEM Atlanta 2026
PGL Astana 2026

Upcoming

Escore Tournament S3: W4
ASL S22 SEASON OPEN Day 2
Escore Tournament S3: W5
CSLAN 4
Blizzard Classic Cup 2026
HSC XXX
SC4ALL II: StarCraft II
Kung Fu Cup 2026 Grand Finals
Light Tournament 2026
Eternal Conflict S2 Finale
ESL Pro League Season 24
Stake Ranked Episode 4
Logitech G Connect 2026
SL StarSeries Fall 2026
FISSURE Playground #5
BLAST Open Fall 2026
Esports World Cup 2026
BLAST Bounty Summer 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.