• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 00:10
CET 06:10
KST 14:10
  • 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
Clem wins HomeStory Cup 280HomeStory Cup 28 - Info & Preview12Rongyi Cup S3 - Preview & Info3herO wins SC2 All-Star Invitational14SC2 All-Star Invitational: Tournament Preview5
Community News
Weekly Cups (Jan 26-Feb 1): herO, Clem, ByuN, Classic win2RSL Season 4 announced for March-April7Weekly Cups (Jan 19-25): Bunny, Trigger, MaxPax win3Weekly Cups (Jan 12-18): herO, MaxPax, Solar win0BSL Season 2025 - Full Overview and Conclusion8
StarCraft 2
General
Clem wins HomeStory Cup 28 Stellar Fest "01" Jersey Charity Auction StarCraft 2 Not at the Esports World Cup 2026 Weekly Cups (Jan 26-Feb 1): herO, Clem, ByuN, Classic win HomeStory Cup 28 - Info & Preview
Tourneys
HomeStory Cup 28 RSL Season 4 announced for March-April PIG STY FESTIVAL 7.0! (19 Feb - 1 Mar) StarCraft Evolution League (SC Evo Biweekly) $21,000 Rongyi Cup Season 3 announced (Jan 22-Feb 7)
Strategy
Custom Maps
[A] Starcraft Sound Mod
External Content
Mutation # 511 Temple of Rebirth The PondCast: SC2 News & Results Mutation # 510 Safety Violation Mutation # 509 Doomsday Report
Brood War
General
BSL Season 21 - Complete Results Bleak Future After Failed ProGaming Career [ASL21] Potential Map Candidates Can someone share very abbreviated BW cliffnotes? BW General Discussion
Tourneys
[Megathread] Daily Proleagues Azhi's Colosseum - Season 2 Small VOD Thread 2.0 [BSL21] Non-Korean Championship - Starts Jan 10
Strategy
Zealot bombing is no longer popular? Simple Questions, Simple Answers Current Meta Soma's 9 hatch build from ASL Game 2
Other Games
General Games
Nintendo Switch Thread Battle Aces/David Kim RTS Megathread Path of Exile Mobile Legends: Bang Bang Beyond All Reason
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Join illminati in Luanda Angola+27 60 696 7068
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
Mafia Game Mode Feedback/Ideas Vanilla Mini Mafia
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine European Politico-economics QA Mega-thread The Games Industry And ATVI 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
Play, Watch, Drink: Esports …
TrAiDoS
My 2025 Magic: The Gathering…
DARKING
Life Update and thoughts.
FuDDx
How do archons sleep?
8882
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1205 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
Replay Cast
00:00
Rongyi Cup S3 - Playoffs Day 2
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
ProTech153
StarCraft: Brood War
Shuttle 350
Leta 209
actioN 139
GoRush 62
NaDa 39
Hyuk 37
Noble 14
Icarus 10
Dota 2
NeuroSwarm149
febbydoto14
League of Legends
JimRising 865
C9.Mang0450
Counter-Strike
m0e_tv575
Foxcn279
Super Smash Bros
hungrybox1368
Heroes of the Storm
Khaldor138
Other Games
summit1g6929
tarik_tv2573
ViBE156
Maynarde111
Livibee67
Organizations
Other Games
gamesdonequick1151
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 15 non-featured ]
StarCraft 2
• Berry_CruncH284
• practicex 28
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• Azhi_Dahaki15
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Scarra1874
• Lourlo835
Upcoming Events
The PondCast
4h 50m
WardiTV Invitational
6h 50m
YoungYakov vs MaxPax
ByuN vs herO
SHIN vs Classic
Creator vs Cure
Replay Cast
18h 50m
RongYI Cup
2 days
herO vs Maru
uThermal 2v2 Circuit
3 days
Replay Cast
4 days
Wardi Open
4 days
Monday Night Weeklies
4 days
Sparkling Tuna Cup
5 days
Liquipedia Results

Completed

Proleague 2026-02-04
HSC XXVIII
Underdog Cup #3

Ongoing

CSL 2025 WINTER (S19)
KCM Race Survival 2026 Season 1
Acropolis #4 - TS4
Rongyi Cup S3
Nations Cup 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter Qual
eXTREMESLAND 2025
SL Budapest Major 2025
ESL Impact League Season 8

Upcoming

Escore Tournament S1: W7
Escore Tournament S1: W8
Acropolis #4
IPSL Spring 2026
HSC XXIX
uThermal 2v2 2026 Main Event
Bellum Gens Elite Stara Zagora 2026
RSL Revival: Season 4
LiuLi Cup: 2025 Grand Finals
FISSURE Playground #3
IEM Rio 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
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.