Fatal编程技术网
  • javascript/
  • Javascript 在网站上实现twitch流

Javascript 在网站上实现twitch流

javascript jquery html

Javascript 在网站上实现twitch流,javascript,jquery,html,twitch,Javascript,Jquery,Html,Twitch,我目前正在为好友twitch流创建一个网站，我对如何实现twitch流感到非常困惑。我用类“Twitchscreen”创建了一个div，但我不知道如何链接到TwitchAPI或如何将流放入“Twitchscreen”框。请提供帮助，非常感谢。看看TeamLiquid页面（查看源代码）是如何完成的-他们使用IFrame的方式如下： <iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=khaldor" heig

我目前正在为好友twitch流创建一个网站，我对如何实现twitch流感到非常困惑。我用类“Twitchscreen”创建了一个div，但我不知道如何链接到TwitchAPI或如何将流放入“Twitchscreen”框。请提供帮助，非常感谢。

看看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上的用户名（用于您的频道）

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

看看它是如何在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上的用户名（用于您的频道）

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

看看它是如何在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上的用户名（用于您的频道）

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

看看它是如何在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上的用户名（用于您的频道）

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

嘿-看看它是如何在TeamLiquid页面（查看源代码）中完成的-他们使用IFrame的方式如下：
，所以可能就这么简单。@JFit我很感谢您的帮助，但我希望使用API，因为我还需要一个自定义聊天框，我知道可以使用它，我只是不知道怎么做。你能给我链接API吗？事实上，我不认为我需要API，而试图找到他们视频的嵌入代码，我找到了他们聊天的嵌入代码。我如何找到他们视频流的代码？谢谢你的帮助，JF，如果你把你的第一条评论作为答案，我会接受它-你是说它背后的代码吗？您可以使用iFrame吗？或者这不是一个选项吗？可以研究另一种方法，但iframe可能是最方便的解决方案..嘿-看看它在TeamLiquid页面（查看源代码）中是如何完成的-他们使用iframe时是这样的：
，所以可能就这么简单。@JFit我感谢您的帮助，但我希望使用API，因为我还需要一个自定义聊天框，我知道可以使用它，我只是不知道怎么做。你能给我链接API吗？事实上，我不认为我需要API，而试图找到他们视频的嵌入代码，我找到了他们聊天的嵌入代码。我如何找到他们视频流的代码？谢谢你的帮助，JF，如果你把你的第一条评论作为答案，我会接受它-你是说它背后的代码吗？您可以使用iFrame吗？或者这不是一个选项吗？可以研究另一种方法，但iframe可能是最方便的解决方案..嘿-看看它在TeamLiquid页面（查看源代码）中是如何完成的-他们使用iframe时是这样的：
，所以可能就这么简单。@JFit我感谢您的帮助，但我希望使用API，因为我还需要一个自定义聊天框，我知道可以使用它，我只是不知道怎么做。你能给我链接API吗？事实上，我不认为我需要API，而试图找到他们视频的嵌入代码，我找到了他们聊天的嵌入代码。我如何找到他们视频流的代码？谢谢你的帮助，JF，如果你把你的第一条评论作为答案，我会接受它-你是说它背后的代码吗？您可以使用iFrame吗？或者这不是一个选项吗？可以研究另一种方法，但iframe可能是最方便的解决方案..嘿-看看它在TeamLiquid页面（查看源代码）中是如何完成的-他们使用iframe时是这样的：
，所以可能就这么简单。@JFit我感谢您的帮助，但我希望使用API，因为我还需要一个自定义聊天框，我知道可以使用它，我只是不知道怎么做。你能给我链接API吗？事实上，我不认为我需要API，而试图找到他们视频的嵌入代码，我找到了他们聊天的嵌入代码。我如何找到他们视频流的代码？谢谢你的帮助，JF，如果你把你的第一条评论作为答案，我会接受它-你是说它背后的代码吗？您可以使用iFrame吗？或者这不是一个选项吗？我们可以研究另一种方法，但是iframe可能是最简单的解决方案。iframe是最好的解决方案，我只需要通道的SRC和它的done。非常感谢：Dnp-什么频道？也出于兴趣；）作为回答，我也将修复源代码。它是Rothmaw，由我的一个朋友运行，我正在做他们的网站。
是的，它可以工作。：-GL与站点buddyIframe是最好的解决方案，我只需要通道的SRC及其完成。非常感谢：Dnp-什么频道？也出于兴趣；）作为回答，我也将修复源代码。它是Rothmaw，由我的一个朋友运行，我正在做他们的网站。
是的，它可以工作。：-GL与站点buddyIframe是最好的解决方案，我只需要通道的SRC及其完成。非常感谢：Dnp-什么频道？也出于兴趣；）作为回答，我也将修复源代码。它是Rothmaw，由我的一个朋友运行，我正在做他们的网站。
是的，它可以工作。：-GL与站点buddyIframe是最好的解决方案，我只需要通道的SRC及其完成。非常感谢：Dnp-什么频道？也出于兴趣；）作为回答，我也将修复源代码。它是Rothmaw，由我的一个朋友运行，我正在做他们的网站。
是的，它可以工作。：-GL与站点伙伴