我如何使用这个 api 来拉视频流而不是图片？答案

【问题标题】：How can I use this api to pull video streams instead of pictures?我如何使用这个 api 来拉视频流而不是图片？
【发布时间】：2014-01-10 00:50:42
【问题描述】：

我是这方面的新手，非常感谢您的帮助，谢谢！

jsfiddle的链接http://jsfiddle.net/82wNq/38/ 链接到apihttps://github.com/justintv/Twitch-API/blob/master/v2_resources/streams.md#get-streamsfeatured

这里是javascript：

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=all&limit=3&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<div class='panel-heading'><h3 class='panel-title'></h3><div id='content1'>" + item.channel.display_name + "</div><div id='content2'>" + item.viewers + "</div></div><div class='panel-body'><div id='content3'><img src='" + item.preview.medium + "'/></div></div>";
    });
    $("#content").html(temp);
});

这是我目前拥有的 html：

<div id="content" class="panel panel-default"></div>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

根据他们的文档，只需将流送入嵌入式对象即可。

阅读：https://github.com/justintv/Twitch-API/blob/master/embedding.md

【讨论】：

我可以使用静态链接来做到这一点，我试图让它在 api 用流填充列表的地方，然后在单击它时将它们馈送到嵌入式播放器中。任何想法？这是我目前拥有的，如何修改它以使其与嵌入式播放器一起使用？ jsfiddle.net/82wNq/59
StackOverflow 的存在是为了帮助人们解决编程问题，而不是教他们如何编程。已经有很多资源了。 Read this book.

【解决方案2】：

这是您想要的示例，我还向网站添加了搜索功能

jsfiddle - http://jsfiddle.net/F4tsM/10/

希望对你有帮助

这也是你需要的对象

var obj = "<object style=opacity:1; type=application/x-shockwave-flash" + " height=378 width=620 id=live_embed_player_flash bgcolor=#000000" + " data=http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + ">" + "<param name=allowFullScreen value=true /><param name=allowScriptAccess value=always />" + "<param name=allowNetworking value=all />" + "<param name=movie value=http://www.twitch.tv/widgets/live_embed_player.swf />" + "<param name=flashvars value=hostname=www.twitch.tv&channel=" + item.channel.name + "&auto_play=true&start_volume=25 />" + "</object>";

所有这些都在小提琴示例中

【讨论】：