Twitch.Player javascript broken?

[BarryCarlyon]

@fractalfantasy

Hmm interesting, so you deploy to a server every time you test a change?

No I use a reverse SSH tunnel.
So a subdomain on my server is properly SSL’ed and NGINX proxy passes to a port and then I just ssh -R to the server.

Which is basically how NGROK functions, it just comes with none of the limitations of NGROK

I described both methods in Twitch Extensions Part 5 – Dev Environment – Barry Carlyon

Jump to Just one more thing

@fractalfantasy

The strictness of the parent policy also means you can’t embed node apps on your website as iframes - for instance i have a subdomain club.fractalfantasy.net for my node app and a main domain fractalfantasy.net where I host all projects/apps as iframes

Sure you can, just put each iframe domain inte the stack into the parent list.

This is how it’s done on Google Sites and Wix - you can find the megathread of people I’ve helped on Wix/Google sites here The great big "I'm using WIX/SomeWebsiteMaking Tool and I don't know how to fix my embed" thread

So your parent would be

• the outer site fractalfantasy.net
• and club.fractalfantasy.net

You can declare more than one parent

so

    <script type="text/javascript">
      new Twitch.Embed("twitch-embed", {
        width: 854,
        height: 480,
        channel: "monstercat",
        parent: ["fractalfantasy.net", "club.fractalfantasy.net"]
      });
    </script>

Reference notes for Google Pages: https://github.com/BarryCarlyon/twitch_misc/tree/main/player/googlesites

Google Sites requires 3 parents, wix only requires 2.

Everything

The behaviour and requirement is also noted in the code example. (Sure it’s not 100% clear it means iframe stacks but that would be the embedded on other websites statement)

        // Only needed if this page is going to be embedded on other websites
        parent: ["embed.example.com", "othersite.example.com"]