1

我正在使用 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 未实现

当我添加一个频道时，它可以工作。根据指南，我不需要频道即可显示交互式视频剪辑。

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

我怎样才能在不使用频道信息的情况下工作？

4

1 回答 1

0

问题是视频和剪辑不等于 Twitch，无论它们应该是多少。例如，这将适用于类似于您想要实现的 VOD，但是当使用剪辑 slug 时，它不会加载任何内容。

<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>

请注意，代码段不会在此处显示结果，但我也制作了 CodePen。

在视频属性下，我有 Twitch 所指的视频 ID，而您使用的是不相等或不可互换的剪辑 slug 。video属性请求一个数字，而我们的剪辑的 slug 是一个字符串。

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

他们在这里说的是，不幸的是，剪辑目前没有交互式框架，并且根据他们的 Helix 介绍路线图，这似乎不太可能改变。

因此，就目前而言，无需使用第三方或创建自己的交互式框架（我已经为剪辑这样做了，但直到我放假回家后才能获得示例），你将只能使用他们的平淡无奇框架。

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

再次出于安全原因，代码段不会在此处运行，但我在 CodePen 示例中为您包含了这两个选项。我希望这有助于为您澄清，并且我将在可能的情况下将我的自定义叠加层示例发回该 CodePen。

于 2018-07-07T09:12:38.323 回答