在网站上实施抽搐流答案

【问题标题】：Implement twitch stream on a website在网站上实施抽搐流
【发布时间】：2020-12-25 01:15:16
【问题描述】：

我目前正在为朋友的 twitch 流制作网站，我对如何实现 twitch 流感到非常困惑。我创建了一个带有“Twitchscreen”类的 div，但我不知道如何链接到 twitch API 或将流放入“twitchscreen”框中。请帮忙，非常感谢。

【问题讨论】：

嘿 - 看看它在 TeamLiquid 页面中是如何完成的（查看源代码） - 他们像这样使用 IFrame：<iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=khaldor" height="478" width="800" frameborder="0" scrolling="no"></iframe> 所以它可能就这么简单。
@JFit 感谢您的帮助，但我希望使用 API，因为我还需要一个自定义聊天框，我知道可以用它来完成，我只是不知道该怎么做。
你能把 API 链接给我吗？
事实上，我认为我不需要 api，同时试图找到他们视频的嵌入代码，我找到了他们的 Chat 嵌入代码。我如何找到他们的视频流的代码？感谢您的帮助 JF，如果您将您的第一条评论作为答案，我会接受它
好的 - 你是说它背后的代码吗？你可以使用 IFrames 还是那不是一个选项？可以考虑另一种方法，但 iframe 可能是最方便的解决方案..

【解决方案1】：

看看它是如何在 TeamLiquid 页面（查看源代码）中完成的——他们像这样使用 IFrame：

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

所以它可能就这么简单..

要将其嵌入页面，只需将 IFrame 放在您想要的任何位置，并将频道查询字符串从 khaldor 更改为您在 twitch 上的用户名（用于您的频道）。

聊天应该以同样的方式进行。

【讨论】：

Iframe 是最好的解决方案，我只需要频道的 SRC 并完成。非常感谢：D
np - 频道是什么？出于兴趣；）我也会在答案中修复来源。
它的 Rothmaw，由我的一个朋友经营，我正在做他们的网站。
<iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=rothmaw" height="478" width="800" frameborder="0" scrolling="no"></iframe> 是的，行得通。 :) - GL 与网站好友