The best Twitch experience

API
1

I have some issues on my website with embedding the stream on two different implementations:

On both sites I get this quite frequently:

grafik
grafik1917Ă—1016 287 KB

I deactivated the Tracking blocking in Firefox
grafik
and deactivated uBlock Origin
grafik

I have the same issues in a clean Chrome (no extensions installed)

I use two different implementations, one is plain as per documentation and one uses an Angular package (GitHub - frozencure/twitch-player: A Typescript wrapper for the Twitch embeddable, interactive media player.). Both show the same with a slightly worse experience with the vanilla implementation (the counter restarts 4-5 times before showing the stream again).

I use this in the beta page:

twitch.component.ts

ngOnInit(): void {

        this.params = this._route.params.subscribe((params) => {

            this.twitchPlayer = new TwitchEmbed('twitch-player', {
                height: '100%',
                width: '100%',
                channel: params['channel'],
                layout: TwitchEmbedLayout.VIDEO_WITH_CHAT
            });

        });
    }

twitch.component.html

<div class="flex flex-col flex-auto w-full xs:p-2" id="twitch-player"></div>

Is there anything wrong with my implementation. How can I find out if this affects other users as well?

Any hint highly appreciated

cheers

2

This is forced on all embeds currently and there is no way to disable it.

3

wow, thanks for sharing.
What an incredible inconvenience. I can’t believe this does not hurt them enough resolve it quicker…