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

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

0 голосов
/ 01 июля 2018

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

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

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

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

t.channel не реализован

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

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

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

1 Ответ

0 голосов
/ 07 июля 2018

Проблема в том, что видео и клипы не равны 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 запрашивает число , в то время как фрагмент нашего клипа представляет собой string .

Встраивание клипа отличается от встраивания живого потока или 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 с примером моего пользовательского наложения, когда смогу.

...