Страница с чатами для стримеров

[R3mbrant_renamed_619454_16022020]

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

[Chimera-Syber]

Цитата: Сообщение от DiRaven

Сообщение от DiRaven

Еще момент к господам модераторам - я могу создать отдельный топик со своим вариантом страницы с чатами?

Естественно. Только лучше в этом разделе)

[DiRaven_renamed_656678_20022023]

Тогда по моему варианту все дальнейшие вопросы и обсуждения туда - https://forums.goha.ru/showthread_72_0_t1001589

[DiRaven_renamed_656678_20022023]

Набросал интерфейс для утилиты, чтобы не приходилось лезть в исходники.

http://streamchats.diraven.com/

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

Цитата: Сообщение от DiRaven

Сообщение от DiRaven

Набросал интерфейс для утилиты, чтобы не приходилось лезть в исходники.

http://streamchats.diraven.com/

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

Подскажите, пожалуйста, HTML iframe код для чата Cybergame для встройки на свой сайт.

[Стресс_renamed_921735_08112025]

Есть чат с вк?

[DiRaven_renamed_656678_20022023]

Когда это всё делалось стримов в ВК ещё не было. Всё что есть - в исходниках в открытом виде.

[Kofyein_renamed_983517_15052022]

Ребят, поделитесь, пожалуйста исходниками, у кого остались.. ссылки уже не рабочие давно :(

[DiRaven_renamed_656678_20022023]

https://github.com/diraven/streamchats2

[Kofyein_renamed_983517_15052022]

Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!

[Chimera-Syber]

Цитата: Сообщение от Kofyein

Сообщение от Kofyein

Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!

Я думаю, стоит спросить у топикстартера.

[Kofyein_renamed_983517_15052022]

Цитата: Сообщение от Chimera-Syber

Сообщение от Chimera-Syber

Я думаю, стоит спросить у топикстартера.

Еще бы найти этого самого топикстартера) В лику написал ему, молчит) складывается ощущение, что он вообще инактив)