Fix twitch.tv grey screen not loading
Twitch is a popularly known live streaming platform aimed for gamers. The site is hosting multiple streams of a variety of games such as DoTA 2 or Minecraft. The grey screen issue began to emerge last few years and it seems to be not a big deal to Twitch itself. There are also multiple posts in their “Help” section that seem to have “solved” the problem. One of the solutions was adding a “/popout” at the end of the channel’s URL (e.g. http://www.twitch.tv/pokemon/popout) which seemed to work for me for a while but I can’t browse the twitch website and search for channels. I dug deeper into the browser’s console and finally found a way to fix the problem. In this post, I’ll assume that you are using Google Chrome as your browser.
I tried every DNS change, ipconfig flush and enabling NPAPI plugins but still I experience the error. So here’s the steps in how you are going to fix the twitch.tv grey screen. Open a twitch channel should take you to a grey screen with the twitch logo in the center. If you check your console, you will see the following errors about failing to load a resource called “cast_sender.js”.
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE
Once you installed the Google Cast plugin, the errors about the cast_sender.js will disappear leaving you with another error about an emberapp-1892e2b73edce79bc0728a0df6db5d88.js. Clicking this will take you to an unreadable code. I downloaded the file and as it turns out, it is a gzipped version of emberapp-1892e2b73edce79bc0728a0df6db5d88.js.
Uncaught SyntaxError: Unexpected token ILLEGAL emberapp-1892e2b73edce79bc0728a0df6db5d88.js:1
The only way to fix this is to host the uncompressed version and load it in the twitch website. You can do it manually by downloading the file and hosting it in your own server. I tried pasting the uncompressed version in pastebin but I’m having issues in pasting 1.5mb so I suggest you download emberapp-1892e2b73edce79bc0728a0df6db5d88.js directly from the browsers console, change the extension to “.gz” and decompress it. My emberapp.js sha-1 hash is “ea98f04771a5e633e1ad561ea892f3be3be73116” for geeks out there.
For your lazy asses, I have my own “modified” emberapp-1892e2b73edce79bc0728a0df6db5d88.js hosted here. You can drag the bookmarklet below into your toolbar.
Visit your favorite twitch channel and click it. Just wait for it to load since it is more than 1mb of data.
[Update – July 8, 2015]
It seems to be fixed already. Though it still shows the cast_sender.js errors, the whole channel already loads and the emberapp-1892e2b73edce79bc0728a0df6db5d88.js error does not show anymore.
[Update – July 9, 2015]
They updated the emberapp script but like the first script, it does not work. It is now named emberapp-ff3b6c30a70738e6316b398693a8869e.js. You can download it here