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

R3mbrant_renamed_619454_16022020 · 03.10.2012, 00:03

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

Quote:

Originally Posted by DiRaven

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

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

DiRaven_renamed_656678_20022023 · 15.08.2014, 16:48

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

DiRaven_renamed_656678_20022023 · 16.08.2014, 21:31

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

http://streamchats.diraven.com/

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

Info · 31.07.2016, 22:59

Quote:

Originally Posted by DiRaven

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

http://streamchats.diraven.com/

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

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

Стресс_renamed_921735_08112025 · 09.09.2018, 09:36

Есть чат с вк?

DiRaven_renamed_656678_20022023 · 09.09.2018, 10:45

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

Kofyein_renamed_983517_15052022 · 28.07.2019, 05:14

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

DiRaven_renamed_656678_20022023 · 28.07.2019, 22:07

https://github.com/diraven/streamchats2

Kofyein_renamed_983517_15052022 · 29.07.2019, 08:15

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

Chimera-Syber · 29.07.2019, 18:40

Quote:

Originally Posted by Kofyein

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

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

Kofyein_renamed_983517_15052022 · 02.08.2019, 05:42

Quote:

Originally Posted by Chimera-Syber

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

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