t2t2 / obs-tablet-remote

Tablet optimised OBS Remote
http://t2t2.github.io/obs-tablet-remote/
MIT License
424 stars 129 forks source link

Cannot make a twitch chat embed #91

Closed GoudronViande24 closed 2 years ago

GoudronViande24 commented 3 years ago

The iframe is broken

image

Here is what appears in the console

image

successtheman commented 3 years ago

In Firefox 84.0.2 on Linux (could be other versions and OSes too) Twitch chat also doesn't work in the frame when trying to embed it. Similar to Chrome/Chromium this is shown image

GoudronViande24 commented 3 years ago

It looks like it's done because of mixed content (http with https).

t2t2 commented 3 years ago

For the url in original issue It's the X-Frame-Options: SAMEORIGIN header on that specific url (popout chat), same for the dashboard.twitch.tv url in @rjmxtechnology)

https://www.twitch.tv/embed/og3nelive/chat?parent=t2t2.github.io would work but twitch adds header Content-Security-Policy: frame-ancestors https://t2t2.github.io which requires https, so only suggestion here is to spam https://dev.twitch.tv/docs/embed#providing-feedback

successtheman commented 3 years ago

Gotcha, that's unfortunate, but no worries. I still appreciate the great capability this tool offers @t2t2.

GoudronViande24 commented 3 years ago

For the url in original issue It's the X-Frame-Options: SAMEORIGIN header on that specific url (popout chat), same for the dashboard.twitch.tv url in @rjmxtechnology)

https://www.twitch.tv/embed/og3nelive/chat?parent=t2t2.github.io would work but twitch adds header Content-Security-Policy: frame-ancestors https://t2t2.github.io which requires https, so only suggestion here is to spam https://dev.twitch.tv/docs/embed#providing-feedback

Thanks ! This tool still have all I need, I can open the twitch chat in another window, it's just a little less practical.