# The best Twitch experience

**URL:** <https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900>\
**Category:** API\
**Created:** [March 19, 2021, 8:06pm UTC](https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900 "2021-03-19T20:06:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![primus852](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/primus852/32/2822_2.png) [@primus852](https://discuss.dev.twitch.com/u/primus852)\
**Post date:** [March 19, 2021, 8:06pm UTC](https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900/1 "2021-03-19T20:06:23Z")

</div>

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

- [https://leaguestreams.net/player/noway4u\_sir](https://leaguestreams.net/player/noway4u_sir)
- [https://beta.leaguestreams.net/player-twitch/noway4u\_sir](https://beta.leaguestreams.net/player-twitch/noway4u_sir)

On both sites I get this quite frequently:

 ![grafik](https://d2opxh93rbxzdn.cloudfront.net/original/2X/0/09b4106d23e027642a633e2db53d1ea6793c9559.jpeg)

I deactivated the Tracking blocking in Firefox  
 ![grafik](https://d2opxh93rbxzdn.cloudfront.net/original/2X/6/604c542d84cee074166e6a4e6511e70f8b376a20.png)  
and deactivated uBlock Origin  
 ![grafik](https://d2opxh93rbxzdn.cloudfront.net/original/2X/b/b1aee834b59b049012ec14fd41d5e1ef83a26851.png)

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.](https://github.com/frozencure/twitch-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_

```auto
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_

```auto
<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

---

<div class="post-metadata">

**Author:** ![WLG3R](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/wlg3r/32/6985_2.png) [@WLG3R](https://discuss.dev.twitch.com/u/WLG3R)\
**Post date:** [March 19, 2021, 8:11pm UTC](https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900/2 "2021-03-19T20:11:40Z")

</div>

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

> [@Getting a message on my embeds that goes away after a while](https://discuss.dev.twitch.com/t/getting-a-message-on-my-embeds-that-goes-away-after-a-while/29592/15):
>
> Thank you for your patience while we gathered information to make sure our response was accurate and informative. The purple ad blocking message has clearly caused confusion for users of your experiences that rely on Twitch embeds and we apologize for not being more proactive with communication regarding a change to the embed experience. The purple message seen in a Twitch embed was designed to address ad blocking and is shown periodically to all embed viewers. Many ad blockers modify ad behavi…

---

<div class="post-metadata">

**Author:** ![primus852](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/primus852/32/2822_2.png) [@primus852](https://discuss.dev.twitch.com/u/primus852)\
**Post date:** [March 19, 2021, 8:39pm UTC](https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900/3 "2021-03-19T20:39:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://d2opxh93rbxzdn.cloudfront.net/original/2X/0/05909729875cce3b53e59d5561c4d23bb14948fc.png) [@system](https://discuss.dev.twitch.com/u/system)\
**Post date:** [April 18, 2021, 8:39pm UTC](https://discuss.dev.twitch.com/t/the-best-twitch-experience/30900/4 "2021-04-18T20:39:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.