Интерактивный проигрыватель Twitch не работает только с идентификатором видео в опциях

Question

Я использую Twitch API для того, чтобы встроить интерактивный видеоплеер на мой сайт и взаимодействовать с ним с помощью Twitch API в Javascript.

Я использую этот код:

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

Когда я запускаю код, я получаю сообщение об ошибке:

Т.канал не реализован

Когда я добавляю канал, он работает. Согласно руководству, мне не нужен канал для отображения интерактивного видеоклипа.

Я цитирую из гида: "канал-или-видео-или-коллекция".

Как я могу заставить это работать без использования информации канала?

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>

Обратите внимание, что фрагмент не будет отображать результаты здесь, но я также создал CodePen.

Под атрибутом video у меня есть то, что Twitch называет идентификатором видео, в то время как то, что вы используете, является фрагментом клипа, который не равен или взаимозаменяем. Атрибут video запрашивает число, а слаг нашего клипа - строка.

Встраивание клипа отличается от встраивания живого потока или VOD. Проигрыватель встроенных клипов использует другой набор параметров запроса и не поддерживает интерактивное встраивание JavaScript.

Здесь они говорят, что, к сожалению, клипы в настоящее время не имеют интерактивного фрейма, и, согласно их плану внедрения Helix, вряд ли это изменится.

Таким образом, как сейчас, без использования сторонней организации или создания собственной интерактивной рамки (я сделал это для клипов, но не могу получить пример, пока я не вернусь домой из отпуска), вы сможете использовать только их скучные материалы. IFRAME.

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

Еще раз по соображениям безопасности здесь не будет работать сниппет, но я включил оба варианта в мой пример CodePen для вас. Я надеюсь, что это поможет прояснить ситуацию, и я вернусь к этому CodePen с примером моего пользовательского наложения, когда смогу.