Для входа на форум нажмите здесь
Страница с чатами для стримеров
Автор темы: R3mbrant_renamed_619454_16022020
Дата создания:
Old 03.10.2012, 00:03   #1 
R3mbrant_renamed_619454_16022020
Маньяк
 
R3mbrant_renamed_619454_16022020's Avatar

Posts: 719
Всего лайков: 5
Join Date: 19.07.2008
Game: Archeage
Server: Таян
Nick: Sketch
Страница с чатами для стримеров
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

Last edited by R3mbrant_renamed_619454_16022020; 06.10.2012 at 15:20.
5 пользователей оценили это сообщение: Показать
Views: 116320
Reply With Quote
Old 15.08.2014, 16:38
Re: Страница с чатами для стримеров
Originally Posted by DiRaven:
Еще момент к господам модераторам - я могу создать отдельный топик со своим вариантом страницы с чатами?
Естественно. Только лучше в этом разделе)

※ Наше сообщество в ВКонтакте. Вступай! Не пропустите свежие новости!
※ Наш Telegram-канал. Подписывайся!

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

Хочешь стать богом? Напиши книгу.
Old 16.08.2014, 21:31
Re: Страница с чатами для стримеров
Набросал интерфейс для утилиты, чтобы не приходилось лезть в исходники.

http://streamchats.diraven.com/

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

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

http://streamchats.diraven.com/

Пользуйтесь наздоровье. =)
Подскажите, пожалуйста, HTML iframe код для чата Cybergame для встройки на свой сайт.
Old 09.09.2018, 09:36
Стресс's Avatar
Join Date:
01.05.2012
Знаток
Issue reason: За полезные и интересные гайды по Fallout 76
Re: Страница с чатами для стримеров
Есть чат с вк?
Old 09.09.2018, 10:45
Re: Страница с чатами для стримеров
Когда это всё делалось стримов в ВК ещё не было. Всё что есть - в исходниках в открытом виде.

Хочешь стать богом? Напиши книгу.
Old 28.07.2019, 05:14
Re: Страница с чатами для стримеров
Ребят, поделитесь, пожалуйста исходниками, у кого остались.. ссылки уже не рабочие давно :(
Old 28.07.2019, 22:07
Re: Страница с чатами для стримеров
https://github.com/diraven/streamchats2

Хочешь стать богом? Напиши книгу.
Old 29.07.2019, 08:15
Re: Страница с чатами для стримеров
Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!
Old 29.07.2019, 18:40
Originally Posted by Kofyein:
Спасибо огроменное!!! А нету самих исхордников,которые в шапке темы? я че-то в твоих пока разобраться не могу!
Я думаю, стоит спросить у топикстартера.

※ Наше сообщество в ВКонтакте. Вступай! Не пропустите свежие новости!
※ Наш Telegram-канал. Подписывайся!

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Old 02.08.2019, 05:42
Re: Страница с чатами для стримеров
Originally Posted by Chimera-Syber:
Я думаю, стоит спросить у топикстартера.
Еще бы найти этого самого топикстартера) В лику написал ему, молчит) складывается ощущение, что он вообще инактив)
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off