● Easy 🚩 4 steps

To zoom in / resize / crop twitch streams, you need 4 things:

shoppingbag View guides which use Twitch blueprint Find info page about Twitch workbench Find a guide to know how to make a Twitch Find a guide to know how to find a Twitch

PC ▼

shoppingbag View guides which use PC blueprint Find info page about PC workbench Find a guide to know how to make a PC Find a guide to know how to find a PC

Web browser ▼

shoppingbag View guides which use Web browser blueprint Find info page about Web browser workbench Find a guide to know how to make a Web browser Find a guide to know how to find a Web browser

Javascript bookmarklet ▼

shoppingbag View guides which use Javascript bookmarklet blueprint Find info page about Javascript bookmarklet workbench Find a guide to know how to make a Javascript bookmarklet Find a guide to know how to find a Javascript bookmarklet

Here is a bookmarklet i made allowing you to zoom in and crop any live video from twitch so you can view any part of the stream more in details, like the minimap, the streamer, something written on the screen...

Twitch users on a smartphone can easily zoom in videos but on a regular PC (and a web browser) there is no way to zoom in. The stream will be always stuck to the size of your screen, even if you try to zoom in the web page.

With this javascript bookmarklet you will be able to view any stream in fullscreen, without the chat, and use the keyboard keys

+

-

to zoom in/out and numbers

8

4

5

6

to move inside the video.

1

Copy this code

javascript:try{if(window.location.href.match(/^https?:\/\/www\.twitch\.tv\/[a-z0-9]+\/?$/i)){window.location=window.location.href.replace(/^https?:\/\/www\.twitch\.tv\/([a-z0-9]+)\/?$/i,"https://player.twitch.tv/?volume=1&channel=$1");}else{var v=document.getElementsByClassName('player-video')[0].getElementsByTagName('video')[0];v.id='54zps';v.style='transition:60ms;width:100%!important;height:auto!important';var p=document.getElementById('video-playback');p.style.position='fixed';p.style.left='0';p.style.right='0';p.style.bottom='0';document.getElementsByClassName('js-player-loading')[0].style.display='none';function f_m(t,p,n){var vm=( t=='t'? v.style.marginTop : v.style.marginLeft );var m=( parseInt(vm.replace(/[^\d-\.]/g,'')) || 0 );m=( p=='+'? (m+n) : (m-n) );if(t=='t')v.style.marginTop=m+'%';else v.style.marginLeft=m+'%'}window.onkeydown=function(e){var e=(e || window.event);var k=(e.keyCode || '');var v=document.getElementById('54zps');if(k==104)f_m('t','+',2);if(k==101)f_m('t','-',2);if(k==100)f_m('l','+',2);if(k==102)f_m('l','-',2);if(k==109){var x=( parseInt(v.style.width.replace(/[^\d-\.]/g,'')) || 0);x=(x-2);v.style.width=x.toString()+'%';f_m('t','+',1);f_m('l','+',1);}if(k==107){var x=( parseInt(v.style.width.replace(/[^\d-\.]/g,'')) || 0);x=(x+2);v.style.width=x.toString()+'%';f_m('t','-',1);f_m('l','-',1);}if(k==106){v.style='transition:60ms;width:100%!important;height:auto!important'}}}}catch(e){alert('Error. Please retry in popup mode')}void(0);

2