How to use/ Where to place Client ID

API
1

This is my very first coding experience, and all I want is to embed my Twitch streaming channel into my website.

I spent the whole day trying to figure out how to do it and what I need, but I think I can’t manage without any help, lol.

From my understanding, I need to get a parent key from my domain provider, and they said:

“Unfortunately, we will not have any parent key; we will only have DNS with us.”

So, I was trying to research how to embed without a parent key and found one article that said I will need a client ID.

I just added my domain as an application on the Twitch developer site, and I have a client ID (and also a secret if I want).

However, the biggest issue is that I do not know how to use that client ID or where to put it, lol.

So, is there anybody who can give me assistance?

Or, am I even correct? lol

2

The parent parameter is just the domain itself. So if you’re website is twitch.example.com/mySite, the parent value would be twitch.example.com. It’s not something you need to get from your domain provider.

If you plan to have your embed within an iframe (such as what happens on some website builders like Wix) then you will need to include that as a parent as well.

3

Thanks for your advice, Dist, I ippreciate it.
but yaaa, I think I understand about the parent.
For example, I was planning to use this template:

<iframe
    src="https://player.twitch.tv/?<channel, video, or collection>&parent=streamernews.example.com"
    height="<height>"
    width="<width>"
    allowfullscreen>
</iframe>

I know I need to replace the streamernews.example.com part with my domain, as you mentioned. Like example.com, correct?

Then, I need to replace the <channel, video, or collection> part with my channel name in this case.

(we can skip heigh and width at this time lol)

But it’s not working… Oh, wait, channel, video, or collection means not my user name or client ID; I just noticed that now, lol.

I had been placing my username or client_id=… for some reason, lol.
But still :frowning: Where can I find that info? (channel, video, or collection) Everything is new to me, and I’m still struggling. X(

…I just want to embed my live streaming screen on my website TT.

4

Check the examples Video & Clips | Twitch Developers

You need a channel=yourchannel&parent=myparent not just yourchannel&parent=myparent

5

Oh, that’s the issue! I needed channel= after “?” before my channel name! That must be it! Let me double-check; ‘channel’ refers to my username, correct? If it’s for live streaming?
’

6

correct

7

omg, I’m trying to type channel=mychannel&parent=myparent but for some reason, when I hit enter , it turns into channel=mychannel&amp;parent=myparent , and it’s still erroring, lol. I can’t remove these extra amp; —what am I doing wrong?

Screenshot a
Screenshot a594×333 1.07 KB

8

I also tried deleting & since I can’t remove amp;, but it’s still not working :frowning:

Screenshot b
Screenshot b529×294 8.55 KB

9

Then that is a problem with the editor you are using

Is it even a HTML editor or something by that supports html?

10

I’m sorry, but I can’t provide you with an answer based on my current knowledge :frowning: All I can say is that I’m editing embed code…

11

Just you and me, I am using Adobe Portfolio as my website builder, and there is an option to insert embed code that states:

If you wish to embed content from another platform, you will want to use the Embed Module. We currently only accept iFrame embed codes and do not accept embedding via URL or HTML.

Note: the “embed code” is different from the web address/URL. On whichever site you used to post your content, there should be a button that says embed, usually denoted by this symbol </>.

This means iFrame should work.
…Did I perhaps miss typing something?

12 
<iframe
    src="https://player.twitch.tv/?channel=mychannel&parent=mydomain.com"
    height="300"
    width="400"
    allowfullscreen>
</iframe>