Для входа на форум нажмите здесь
Новые комментарии
Страница с чатами для стримеров
Автор темы: R3mbrant_renamed_619454_16022020
Дата создания: 03.10.2012 00:03
Аватар для R3mbrant_renamed_619454_16022020
Маньяк
Регистрация:
19.07.2008
Страница с чатами для стримеров


Не так давно решил себе сделать страничку с чатами для стримов. Вот что у меня из этого получилось: http://r3mbrant.narod.ru
В планах переделать отображение чатов гохи и эмпаертв и прикрутить счетчик зрителей. (не откажусь от помощи)


Создаете 2 файла, index.html и style.css (обязательно должны находиться в одной папке!), копируете в них то, что найдете по ссылкам:

http://pastie.org/private/mndg0zgjkxvvfslr9uhqfg - index.html

http://pastie.org/private/ij3yrzpsrn1syz3zpjugvg - style.css

style.css просто сохраняете и закрываете, а с index.html работаем дальше.

1.
<title>Чаты (User_Name)</title> -Вписываем свой ник.

2.
<a class="purple button" onclick="change('twitch')">Twitch</a> - Эта строчка и ниже ей подобные отвечают за кнопки вверху страницы. Можно настроить порядок, задать цвет и удалить ненужные.

3.
Собственно сами чаты. Как вписать свои данные смотрите таблицу.
display: inline - отображение чата по дефолту
display: none - отображение чата по нажатию кнопки



<div id="twitch" class="border" style="display: inline"><iframe id="twitch-iframe" scrolling="no" src="http://ru.twitch.tv/chat/embed?channel=user_name&popout_chat=true"></iframe></div>
user_name = Имя канала



<div id="own3d" class="border" style="display: none"><iframe id="own3d-iframe" scrolling="no" src="http://www.own3d.tv/chatpopout/live_channel_id"></iframe></div>
channel_id - можно узнать в разделе "My Livestreams"



<div id="goodgame" class="border" style="display: inline"><iframe id="goodgame-iframe" scrolling="no" src="http://www.goodgame.ru/allstreams2.php?ocd=chat&id=channel_id"></iframe></div>
channel_id - Самое быстрое найти ID в строке браузера на вашем канале



<div id="sc2tv" class="border" style="display: inline"><iframe id="sc2tv-iframe" scrolling="no" src="http://chat.sc2tv.ru/index.htm?channeId=channel_id&stop="></iframe></div>
channel_id - Так же как и на ГГ, только смотрится в окне редактирования стрима



<div id="goha" class="border" style="display: none"><div><iframe id="goha-iframe" scrolling="no" src="http://www.goha.tv/#!/user_name"></iframe></div></div>
user_name = логин на самом портале



<div id="empire" class="border" style="display: inline"><div><iframe id="empire-iframe" scrolling="no" src="http://www.empiretv.org/user/channel_id"></iframe></div></div>
channel_id - Так же как и на ГГ



4.
Теперь можно пользоваться локально, либо залив на какой-нибудь хостинг (например на яндекс.народ) либо попросить меня и я залью к себе.

Enjoy

update
В style.css в самом низу добавить выделенное жирным:
.button:hover, .blue.button:hover, .green.button:hover, .red.button:hover, .orange.button:hover, .purple.button:hover
Последний раз редактировалось R3mbrant_renamed_619454_16022020; 06.10.2012 в 15:20.
5 пользователей оценили это сообщение: Показать
Re: Страница с чатами для стримеров
Сообщение от DiRaven:
Еще момент к господам модераторам - я могу создать отдельный топик со своим вариантом страницы с чатами?
Естественно. Только лучше в этом разделе)

※ Гоховский сервер в Discord. Вступай! Подписывайся на канал с новостями - автоматический постинг на ваш сервер!

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Тогда по моему варианту все дальнейшие вопросы и обсуждения туда - https://forums.goha.ru/showthread_0_0_t1001589

Хочешь стать богом? Напиши книгу.
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Набросал интерфейс для утилиты, чтобы не приходилось лезть в исходники.

http://streamchats.diraven.com/

Пользуйтесь наздоровье. =)

Хочешь стать богом? Напиши книгу.
Аватар для CapablancaYEAH
CapablancaYEAH
Guest
Re: Страница с чатами для стримеров
Сообщение от DiRaven:
Набросал интерфейс для утилиты, чтобы не приходилось лезть в исходники.

http://streamchats.diraven.com/

Пользуйтесь наздоровье. =)
Подскажите, пожалуйста, HTML iframe код для чата Cybergame для встройки на свой сайт.
Аватар для Стресс
Регистрация:
01.05.2012
Знаток
Награжден за: За полезные и интересные гайды по Fallout 76
Re: Страница с чатами для стримеров
Есть чат с вк?
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Когда это всё делалось стримов в ВК ещё не было. Всё что есть - в исходниках в открытом виде.

Хочешь стать богом? Напиши книгу.
Аватар для Kofyein_renamed_983517_15052022
Читатель
Регистрация:
18.11.2012
Re: Страница с чатами для стримеров
Ребят, поделитесь, пожалуйста исходниками, у кого остались.. ссылки уже не рабочие давно :(
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
https://github.com/diraven/streamchats2

Хочешь стать богом? Напиши книгу.
1 пользователь оценил это сообщение: Показать
Аватар для Kofyein_renamed_983517_15052022
Читатель
Регистрация:
18.11.2012
Re: Страница с чатами для стримеров
Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!
Сообщение от Kofyein:
Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!
Я думаю, стоит спросить у топикстартера.

※ Гоховский сервер в Discord. Вступай! Подписывайся на канал с новостями - автоматический постинг на ваш сервер!

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Kofyein_renamed_983517_15052022
Читатель
Регистрация:
18.11.2012
Re: Страница с чатами для стримеров
Сообщение от Chimera-Syber:
Я думаю, стоит спросить у топикстартера.
Еще бы найти этого самого топикстартера) В лику написал ему, молчит) складывается ощущение, что он вообще инактив)
Ваши права в разделе