• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 05:57
CEST 11:57
KST 18:57
  • 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
HomeStory Cup 27 - Info & Preview18Classic wins Code S Season 2 (2025)16Code S RO4 & Finals Preview: herO, Rogue, Classic, GuMiho0TL Team Map Contest #5: Presented by Monster Energy6Code S RO8 Preview: herO, Zoun, Bunny, Classic7
Community News
Weekly Cups (June 23-29): Reynor in world title form?7FEL Cracov 2025 (July 27) - $8000 live event13Esports World Cup 2025 - Final Player Roster14Weekly Cups (June 16-22): Clem strikes back1Weekly Cups (June 9-15): herO doubles on GSL week4
StarCraft 2
General
Weekly Cups (June 23-29): Reynor in world title form? StarCraft Mass Recall: SC1 campaigns on SC2 thread The SCII GOAT: A statistical Evaluation How does the number of casters affect your enjoyment of esports? Esports World Cup 2025 - Final Player Roster
Tourneys
HomeStory Cup 27 (June 27-29) WardiTV Mondays SOOPer7s Showmatches 2025 FEL Cracov 2025 (July 27) - $8000 live event $200 Biweekly - StarCraft Evolution League #1
Strategy
How did i lose this ZvP, whats the proper response Simple Questions Simple Answers [G] Darkgrid Layout
Custom Maps
[UMS] Zillion Zerglings
External Content
Mutation # 480 Moths to the Flame Mutation # 479 Worn Out Welcome Mutation # 478 Instant Karma Mutation # 477 Slow and Steady
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion StarCraft & BroodWar Campaign Speedrun Quest ASL20 Preliminary Maps Unit and Spell Similarities
Tourneys
[BSL20] GosuLeague RO16 - Tue & Wed 20:00+CET The Casual Games of the Week Thread [Megathread] Daily Proleagues [BSL20] ProLeague LB Final - Saturday 20:00 CET
Strategy
Simple Questions, Simple Answers I am doing this better than progamers do.
Other Games
General Games
Stormgate/Frost Giant Megathread Nintendo Switch Thread Path of Exile What do you want from future RTS games? Beyond All Reason
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
Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Vanilla Mini Mafia
Community
General
Stop Killing Games - European Citizens Initiative Things Aren’t Peaceful in Palestine Effective Commercial Building Cost Assessment Tips Trading/Investing Thread US Politics Mega-thread
Fan Clubs
SKT1 Classic Fan Club! Maru Fan Club
Media & Entertainment
Anime Discussion Thread [Manga] One Piece [\m/] Heavy Metal Thread Korean Music Discussion
Sports
2024 - 2025 Football Thread Formula 1 Discussion NBA General Discussion TeamLiquid Health and Fitness Initiative For 2023 NHL Playoffs 2024
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
from making sc maps to makin…
Husyelt
Blog #2
tankgirl
Game Sound vs. Music: The Im…
TrAiDoS
StarCraft improvement
iopq
Heero Yuy & the Tax…
KrillinFromwales
Trip to the Zoo
micronesia
Customize Sidebar...

Website Feedback

Closed Threads



Active: 574 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
5478 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 1h 3m
[ Submit Event ]
Live Streams
Refresh
StarCraft: Brood War
Calm 9421
Sea 3173
Flash 1666
TY 515
Zeus 257
Soma 206
Rush 162
Pusan 139
Stork 131
ToSsGirL 95
[ Show more ]
EffOrt 85
Shinee 35
ZerO 34
Aegong 32
Sharp 30
Mind 23
Movie 20
Noble 13
Free 11
ajuk12(nOOB) 5
Hm[arnc] 3
Bale 1
Britney 0
Dota 2
BananaSlamJamma693
420jenkins624
XcaliburYe559
XaKoH 398
League of Legends
singsing1084
Counter-Strike
Stewie2K1275
shoxiejesuss730
Super Smash Bros
Mew2King133
Other Games
ceh9766
Happy372
crisheroes291
KnowMe262
Pyrionflax176
ZerO(Twitch)9
Organizations
Other Games
gamesdonequick686
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 13 non-featured ]
StarCraft 2
• LUISG 39
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• WagamamaTV0
League of Legends
• Stunt450
Upcoming Events
Wardi Open
1h 3m
PiGosaur Monday
14h 3m
The PondCast
1d
Replay Cast
1d 14h
RSL Revival
2 days
ByuN vs Classic
Clem vs Cham
WardiTV European League
2 days
Replay Cast
2 days
RSL Revival
3 days
herO vs SHIN
Reynor vs Cure
WardiTV European League
3 days
FEL
3 days
[ Show More ]
Korean StarCraft League
3 days
CranKy Ducklings
4 days
RSL Revival
4 days
FEL
4 days
Sparkling Tuna Cup
5 days
RSL Revival
5 days
FEL
5 days
BSL: ProLeague
5 days
Dewalt vs Bonyth
Replay Cast
6 days
Liquipedia Results

Completed

Proleague 2025-06-28
HSC XXVII
Heroes 10 EU

Ongoing

JPL Season 2
BSL 2v2 Season 3
BSL Season 20
Acropolis #3
KCM Race Survival 2025 Season 2
CSL 17: 2025 SUMMER
Copa Latinoamericana 4
Championship of Russia 2025
RSL Revival: Season 1
Murky Cup #2
BLAST.tv Austin Major 2025
ESL Impact League Season 7
IEM Dallas 2025
PGL Astana 2025
Asian Champions League '25
BLAST Rivals Spring 2025
MESA Nomadic Masters
CCT Season 2 Global Finals
IEM Melbourne 2025
YaLLa Compass Qatar 2025

Upcoming

CSLPRO Last Chance 2025
CSLPRO Chat StarLAN 3
K-Championship
uThermal 2v2 Main Event
SEL Season 2 Championship
FEL Cracov 2025
Esports World Cup 2025
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025
FISSURE Playground #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 © 2025 TLnet. All Rights Reserved.