TwitchTheater.tv
Multistream, multivideo, and multichat
for Twitch, Youtube, and others.
Videos:
Chats:
Share:

Settings
Legend
FAQ
About
Chat
Audio
Video
Other
(FAQ)
(FAQ)
(FAQ)
Sidebar visibility behavior:
Chat message visibility:
Twitch:
Youtube:
Kick:
Default audio state:
%
Change all volume levels now:
%
(FAQ)
(FAQ)
Change all video qualities now:
(FAQ)
When streams end:


When streams come back online:
columns
(FAQ)
Menu button opacity when chat is hidden:
Menu color:

Enter your HEX color code:
(FAQ)
General menu controls:
Add stream with chat
Add stream only or chat only
Remove stream with chat
Remove stream only or chat only
Play all paused streams/videos
Pause all streams/videos
Switch audio to selected player(s)
Mute all streams and videos
Add/show channel chat
Move player position up
Reload stream, video or chat
Toggle visibility state(s)
Full focus selected stream
Pin extra control visibility

Video only controls:
Manage VOD sync and timestamps
Seek all VODs by amount and direction
Seek 0.1 second back/forth
Seek 5 seconds back/forth
Increase/decrease playback speed

Chat only controls:
Toggle chat only mode
Toggle portrait mode
Add/show channel stream

Cookie usage?
This website uses cookies to store the options you modify in the settings menu. That's it. Also, if you block cookies you will likely have issues loading chats.
Keyboard / mouse shortcuts?
- F11 to fullscreen with chat
- Hold Shift to add streams without chat
- Hold Ctrl to close menu after an action
- Hold Shift when reloading a stream for it to remember its volume, quality, etc.
- Scrollwheel to change dropdown options
Which services are supported?
- Twitch (streams, VODs, and clips)
- Youtube (streams, videos, and playlists)
- Kick (chats are input disabled)
- Rumble (embed links only)
- Facebook (streams and videos, no chats)
- Others (DM me on Twitter)
How do I add streams / videos / chats?
Twitch stream names can be added as is. For everything else, you will want to use the link to the source (you can copy-paste it or drag-and-drop it). For Rumble support, only the link to the embeds will work.
How does drag-and-drop work?
Drag links (like thumbnails) from other windows/tabs into this tab, until it switches, then drop them anywhere on this page. Subsequent sources need to be dragged and dropped to the desired menu section (menu will auto-open for you).
Can I add multiple channels at once?
Separate them by spaces, comas or forwardslashes. Multiple link input is not supported. Add them one by one.
Play/pause, mute/unmute not working?
Some menu controls will only work with supported embeds from Twitch and Youtube. Other players are developed different and thus will not respond to some of the menu commands (like play/pause, mute/unmute, changing volume, or video quality for all players).
Click to play / unmute?
These are measures taken by modern web browsers to prevent websites from playing loud unwanted audio and/or wasting your valuable mobile data. Either manually click to play / unmute the players or change the website permissions on your browser settings.
Streams hosting other channels
Not yet supported. You will have to manually add the stream/chat for the channel currently being hosted.
Using parameters (advanced users)
Parameters can be used when adding streams or videos to customize the end result. Use the "&" character to separate one parameter from the other. When using links, make sure the parameter list is placed after a "?" sign at the end of the address.
Example:
Twitch: BobRoss&muted=true
Timestamps (and sync) for videos
A special parameter that you can use when adding videos is the time parameter. This allows you to specify the exact timestamp you want a video to start playing at when added. This is supported for Twitch and Youtube. You may also assign timestamps via menu controls.
Examples:
Twitch: vod=videoID&t=10h20m30s
Youtube: https://youtu.be/vnnf42BQTfo?list=PL2B009153AC977F90&t=6m11s
Loop/shuffle for videos/playlists?
Use the following parameters:
Loop: &loop (or &repeat)
Shuffle: &shuffle (or &random)
Examples:
Twitch: vod=videoID&loop
Youtube: https://youtu.be/vnnf42BQTfo?list=PL2B009153AC977F90&shuffle
Chat dark mode
This setting will be applied to new chats. Existing chats will need to be reloaded.
Chats not loading in the background
This setting defaults to disabled to aid people with slower connections/devices.
VOD Chat replay
Chat replay for VODs is not yet available for 3rd party websites.
Kick chat?
Kick live chat is not yet available for embedding on 3rd party websites.
Facebook chat?
Facebook live chat is not yet available for embedding on 3rd party websites.
"Chat disabled for owners/mods"
Just close the TwitchTheater menu and it will let you interact with chat again (this is caused by the BTTV extension, btw, and only if you are a mod/owner).
Changing audio not switching chat?
This only works with the menu controls.
How does smart auto-unmute work?
Theater will smart auto-unmute a stream if the only other stream with audio is removed or goes offline. It will also auto-unmute streams that come back online if no other stream is playing audio.
Default video quality not working?
This feature is currently only working with the Twitch player.
Wrong video quality got set?
The selected video quality was not available on one or more streams. The closest video quality on that player was used instead.
Menu controls for VODs
These VOD controls are by no means perfect. Desync might happen when working with multiple videos at the same time. This is due to the fact that these embedded players were not developed with this kind of use in mind.
VOD menu controls not working?
Twitch does not yet support frame skips or playback speed changes via menu controls. Youtube does support these. Other services are not yet supported.
Hide the address bar (on mobile)
Some mobile web browsers allow you to hide the address bar (when not in fullscreen). To do so, zoom in using your fingers, scroll down, then zoom out.
What is the website's link format?
Streams go after the website address separated by forwardslashes. Chats can be added after, in the same way, but only if they are preceded by a "/c/". If this chat parameter is omitted, then Theater will consider everything a stream, and will add chats based on it. To prevent chats from getting added just use this parameter with no chats. If you use this parameter with no streams nor chats you will force load a clean session.
How does session saving work?
It will store the streams and chats you are using and will restore them next time you open or reload the page. When loading the page with streams/chats in the URL, it will use that instead (and will store them).
Custom menu color?
Search Google for a "color picker", make the color of your choice, then copy the color code with a format like this: #336699 (dark colors recommended).
Watch live streams and videos from Twitch, Youtube and others in theater or fullscreen mode, with the live chat of your choosing. Play with the wide variety of options and menu controls to make the experience feel more like you. I passionately develop this website independently on my spare time for everyone to enjoy, so I really hope you do! :)

Share your thoughts, suggestions, and bug reports with me on twitter (tweets and DMs) @TwitchTheaterTv

Website code and images: Luis Figueroa
Video players and chat windows are embedded from (and developed by) the respective services and not me.

Support development and website costs:



Add to Desktop or Home screen:

Install App