Fix twitch.tv grey screen not loading

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
chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js

fix twitch.tv grey screen not loading

The cast_sender.js error is a bug in the chromecast sdk. The sad thing about this is it won’t be fixed. As end-users, our only option is to install the google cast plugin for this to work.

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

fix twitch.tv grey screen not loading

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.

[adsense]

javascript:(function(){document.body.appendChild(document.createElement('script')).src='https://dl.dropboxusercontent.com/s/qik1mwbylxq8bi9/emberapp-1892e2b73edce79bc0728a0df6db5d88.js';})();

Once you do all those things, voilà! You can now again enjoy watching your favorite busty streamers getting raided and putting shoes on their heads. Yay! Keep in mind that loading external javascripts from unknown sources makes you susceptible to XSS attacks. So make sure you trust the emberapp-1892e2b73edce79bc0728a0df6db5d88.js that you are loading. I recommend you go incognito or logout before loading a script from an untrusted source. The only modification I did in my own sample in the bookmarklet is that it puts links pointing to my blog in the channel’s header.

fix twitch.tv grey screen not loading

[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

25 thoughts on “Fix twitch.tv grey screen not loading”

  1. This works wonderfully!

    This seems to be the only way I can get the twitch site working. So is this a bug with Google Cast or with twitch?

    1. I don’t think it is a bug. It seems that the compressed script (the emberjs) they are generating aren’t served properly. That is why the browser can’t interpret whether it is compressed (gzipped) or not.

      1. Thanks dude, so is there any other way to fix this more “permanently?” Im so happy I found this page randomly googling through Twitch forums.

        Im surprised it hasnt gotten more publicity.

        Im also wondering why it hasnt been a problem for other people?

        1. It’s up to twitch to fix it since it is hosted in their servers. I really don’t know why there are only few people experiencing this.

          As for “publicity”, I was the one posting the links in the forums lol. This has been a problem for me since last year; I thought I should share it now that I found a way to fix it.

          1. Hey, just a comment, I noticed that in theater mode your script doesnt make the text youre typing in readable because it changes the color of the chat.

            Just a minor thing but FYI 🙂

    1. i just guessed. the console showed binary data which is not parsable to browsers. so its either the site was trying to push malware on my system or it used a commonly used method to compress a 1mb+ of javascript.

  2. just an update the new emberapp is now emberapp-7ffc95f48ab300a056021897a5ab816a.js
    and I have no idea what to do with it I DLed it into a gzip but I can’t decompress it

  3. I have no idea how to use what is describe in this page, not anybody is a web programmer, any tutorial for a scrub?

    By the way, the link for the file are down and Twitch is now doing the same “bug” on the PS4 browser (is suppose to be based on Mozilla, like a browser for mobile, in fact the Twitch player is the HTML5 mobile version on PS4 browser). I was thinking could be something tight to my router but is not the case, what there are doing at Twitch?

  4. Bookmarklet has stopped working; this is what I get when I check in console:

    Failed to load resource: the server responded with a status of 429 (Bandwidth Error)

  5. hello
    I am really not good with computers, esspecially with stuff like this…
    I havent really understood what exactly I have to do could you please explain it step by step? I would really appreciate it as I have this problem for a longer time already and twitch support isnt helpful at all

  6. omg, it actually worked!! Thank you!

    To all those asking how to do this:
    open a new tab and enter your favorite twitch channel
    go back to this site, right click and drag “Load twitch.tv bookmarklet” towards the twitchtv tab.

  7. 1. Open twitch with gray screen.
    2. Press F12
    3. Go to console
    4. Drag that “Load twitch.tv bookmarlet to the console (Note: Try to find the part where the stop sign becomes a plus sign lol)
    5. Wait
    6 It should load by now

  8. You can also try using VPNs. If your ISP is PLDT I’m pretty sure that they throttle twitch.tv. I recommend zenmate and connect through Hong Kong.

Leave a Reply

%d bloggers like this: