Реализовать twitch-стрим на сайте

В настоящее время я занимаюсь созданием веб-сайта для потоковой передачи друзей, и я очень смущен тем, как я реализую поток подергивания. Я создал div с классом «Twitchscreen», но понятия не имею, как связать его с API twitch или получить поток в поле «twitchscreen». Пожалуйста, помогите, большое спасибо.


javascript html jquery twitch
person Community    schedule 02.04.2014    source источник
comment
Эй, посмотрите, как это делается на странице TeamLiquid (исходный код) — они используют IFrame следующим образом: <iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=khaldor" height="478" width="800" frameborder="0" scrolling="no"></iframe> так что это может быть так просто.   -  person JF it    schedule 02.04.2014
comment
@JFit Я ценю помощь, но я хочу использовать API, так как мне также нужно собственное окно чата, которое, как я знаю, можно сделать с ним, но я просто не знаю, как это сделать.   -  person    schedule 02.04.2014
comment
Вы можете связать меня с API?   -  person JF it    schedule 02.04.2014
comment
На самом деле, я не думаю, что мне нужен API, пытаясь найти код для встраивания их видео, я нашел код для встраивания их чата. Как найти код для их видеопотока? и спасибо за вашу помощь JF, если вы поместите свой первый комментарий в качестве ответа, я приму его   -  person    schedule 02.04.2014
comment
Хорошо - вы имеете в виду код, стоящий за этим? вы можете использовать IFrame или это не вариант? можно найти другой способ сделать это, но iframe, вероятно, самое удобное решение.   -  person JF it    schedule 02.04.2014

Ответы (1)


arrow_upward
3
arrow_downward

Посмотрите, как это делается на странице TeamLiquid (исходный код) — они используют IFrame следующим образом:

<iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=khaldor" height="478" width="800" frameborder="0" scrolling="no"></iframe>

так что может все так просто..

Чтобы встроить это на страницу, просто поместите IFrame туда, куда хотите, и измените строку запроса канала с haldor на ваше имя пользователя на twitch (для вашего канала).

Чат должен быть сделан таким же образом.

person JF it    schedule 02.04.2014
comment
Iframe — лучшее решение, мне просто нужен SRC канала, и все готово. Большое спасибо :D - person ; 02.04.2014
comment
нп - Что такое канал? также из интереса;) и я также исправлю источник в ответ. - person JF it; 02.04.2014
comment
Это Rothmaw, им управляет мой друг, и я делаю их сайт. - person ; 02.04.2014
comment
<iframe class="videoplayer" src="http://www.twitch.tv/embed?channel=rothmaw" height="478" width="800" frameborder="0" scrolling="no"></iframe> Да, это работает. :) - GL с приятелем сайта - person JF it; 02.04.2014