Question

我正在使用Twitch API，以便在我的网站中嵌入交互式视频播放器，并使用Javascript中的Twitch API与之交互。

我使用以下代码：

 var options = {
        width: 560,
        height: 315,
        autoplay: true,
        control: true,  
        video: "ZealousPowerfulHyenaArsonNoSexy"  
    };
    gPlayer = new Twitch.Player("youtubeplayer", options);

运行代码时出现错误：

t.channel未实现

当我添加频道时，它可以工作。根据{{3}}的说法，我不需要频道即可显示交互式视频剪辑。

我从指南中引用：“频道-或-视频-或-收藏”。

在不使用频道信息的情况下如何工作？

Answer 1

问题在于视频和剪辑不管它们是多少都不等于Twitch。例如，这可以在类似于您要实现的VOD的情况下正常工作，但是当使用剪辑片段时，它将不会加载任何内容。

<script src="http://player.twitch.tv/js/embed/v1.js"></script>
<div id="youtubeplayer"></div>
<script type="text/javascript">
  var options = {
    width: 800,
    height: 500,
    video: "279365619"
  };
  var player = new Twitch.Player("youtubeplayer", options);
  player.setVolume(0.5);
</script>

请注意，代码段but I made a CodePen as well在此处不会显示结果。

在视频属性下，我将Twitch称为视频ID ，而您正在使用的是剪辑弹头，不相等或不可互换。视频属性请求一个 number ，而我们片段的子弹是一个 string 。

嵌入剪辑与嵌入实时流或VOD不同。嵌入式剪辑播放器使用一组不同的查询参数，并且不支持JavaScript交互式嵌入。

不幸的是，他们在这里所说的是剪辑当前没有交互式框架，per their roadmap for the Helix introduction似乎不太可能改变。

就目前的情况而言，无需使用第三方或创建自己的交互式框架（我已经完成了剪辑，但是直到我放假回家之前无法获得示例），您将只能使用他们平淡的iFrame。

<iframe src="https://clips.twitch.tv/embed?clip=ZealousPowerfulHyenaArsonNoSexy" height="315" width="560" frameborder="1" scrolling="no" allowfullscreen="true">
</iframe>

出于安全原因，代码片段不会在此处运行，但是我已经添加了both options in my CodePen example for you。希望这对您有所帮助，我将在可能的情况下使用自定义叠加层示例将其回发到该CodePen。

互动Twitch播放器不只适用于选项中的视频ID

1 个答案: