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

Я использую 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 не реализован

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

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

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


javascript twitch twitch-api
person Idan Shechter    schedule 01.07.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

person CodeSpent    schedule 07.07.2018