Implement twitch stream on a website

Question

I'm currently in the process of making a website for a friends twitch stream and I'm very confused as to how I implement the twitch stream. I have created a div with the class "Twitchscreen" but I have no idea how I link to the twitch API or get the stream into the "twitchscreen" box. Please help, many thanks.

Answer 1

Have a look at how its done in TeamLiquid page(view source) - they use IFrame like this:

<iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=khaldor" height="478" width="800" frameborder="0" scrolling="no"></iframe>

so it might just be as simple as that..

To embed this on a page just put the IFrame wherever you want and change the channel querystring from khaldor to your username on twitch (for your channel).

Chat should be done the same way.