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

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

Solarwing_renamed_1057938_30102019 · 15.03.2014, 11:56

Можете помочь настроить?
Настроил только - твич и гудгейм, а остальные не видит. В чём проблема? А ск2тв даже не понимает.

Chimera-Syber · 15.03.2014, 13:16

а ты ID правильные вбил?

Solarwing_renamed_1057938_30102019 · 15.03.2014, 14:25

Да. Всё правильно. Всё как надо. Но ни гоха, ни кибер гейм, ничего не видит. не пойму. Все запятые, галочки - всё проверил.

Chimera-Syber · 15.03.2014, 14:40

а код страницы можно?

Добавлено через 22 секунды
По GoHa.TV у нас есть это: https://forums.goha.ru/showthread_77_1_t906335

Solarwing_renamed_1057938_30102019 · 15.03.2014, 14:55

Я не знаю как по этой ссылки вставить. Я делал как в теме.
Код чата на ск2тв - 118968

Chimera-Syber · 15.03.2014, 14:59

Quote:

Originally Posted by Chimera-Syber

а код страницы можно?

на вангу ничем помочь не смогу

Solarwing_renamed_1057938_30102019 · 15.03.2014, 15:07

<div id="sc2tv" class="border" style="display: inline"><iframe id="sc2tv-iframe" scrolling="no" src="http://chat.sc2tv.ru/index.htm?channeId=118968&stop="></iframe></div>

Chimera-Syber · 15.03.2014, 19:06

а весь файл можешь приложить (html + css)?

Solarwing_renamed_1057938_30102019 · 15.03.2014, 20:04

Вот.

Chimera-Syber · 15.03.2014, 20:43

вроде все работает. Просто в чате ск2тв надо написать тебе что-нить, тогда все подгрузится.

Solarwing_renamed_1057938_30102019 · 15.03.2014, 21:25

Проблема в том, что там пишет общий чат, а не мой. И если я пишу на канале или кто то - в этом чате не видно, а зато на канале, если еще вкладка открыта - видно всё. Или же пишу в этом чате, а в новой вкладке не видно. Как так?
Во - вторых. Не прикрепляется гоха чат, вообще. Я и так, и сяк. Просто не видит даже. О_о

Добавлено через 9 минут
Сейчас написал во всех чатах, на всех канала и посмотрел - отобразится в этих чатах или нет. Как и говорил - ничего вообще не отобразилось. В чём проблема - не пойму.

Chimera-Syber · 15.03.2014, 22:49

у тебя явно что-то с кодом не так.

гоха тв там прикрепляется тупым фреймом, поэтому чтобы чат отображался надо сначала включить плеер на сайте GoHa.TV

ск2тв у меня пашет

Прикрепляю свой вариант

Solarwing_renamed_1057938_30102019 · 15.03.2014, 23:55

Я тогда возьму твой вариант :) Если не против! А редактировать в любом текстовом редакторе можно?

Chimera-Syber · 16.03.2014, 00:05

да в любом. только если не знаешь лишний раз не трогай

Solarwing_renamed_1057938_30102019 · 16.03.2014, 00:09

ну так я свои имена ставлю и всё.

6yjlo4ka_renamed_1045417_28102019 · 28.05.2014, 18:49

Доброго всем времени суток.
Возможно есть знающие люди на форуме, которые смогу объяснить по какой причине не подтягиваются данные с API goodgame.

1.
<script type="text/javascript">
function intervall() {
$.getJSON("http://goodgame.ru/api/getggchannelstatus?id=zemark48&fmt=json",
function(a){
$('#ct2').html(a.viewers);
});
}
setInterval(intervall, 1000);
</script>
<div id="viewers" style="color: #ff0000">GG <img src="http://dicroev.3dn.ru/eyeicon.png"> <span id="ct2"></span></div>
2.
<div id="status">
GG status:
<span id="ct5"></span>
</div>
<script>
function interval4() {
$.getJSON(
"http://goodgame.ru/api/getggchannelstatus?id=zemark48&fmt=json",
function(a){
if(a.status == Live){
$('#ct5').html('online');
$('#ct5').css('color','green');
}else{
$('#ct5').html('offline');
$('#ct5').css('color','red');
}
}
);
}
setInterval(interval4, 1000);
</script>

Оба варианта работают для Твича и КиберГейма, только ГудГейм отказывается с этим работать.
В чём проблема? Кривую руки у разработчик ГГ? Или в скрипте чего-то не хватает для него?

narushev_renamed_1065035_09082020 · 13.08.2014, 07:19

Перестал работать счетчик зрителей с твича, подскажите пожалуйста что поправить необходимо?

DiRaven_renamed_656678_20022023 · 13.08.2014, 07:50

Quote:

Originally Posted by 6yjlo4ka

Оба варианта работают для Твича и КиберГейма, только ГудГейм отказывается с этим работать.

В чём проблема? Кривую руки у разработчик ГГ? Или в скрипте чего-то не хватает для него?

Скорее всего - https://ru.wikipedia.org/wiki/JSONP .
Тут либо делать серверную часть, либо ставить GreaseMonkey как это сделано мной чуть выше по треду.

Добавлено через 35 секунд

Quote:

Originally Posted by narushev

Перестал работать счетчик зрителей с твича, подскажите пожалуйста что поправить необходимо?

Какой вариант страницы с чатами используешь? Тот что в первом сообщении?

narushev_renamed_1065035_09082020 · 13.08.2014, 10:15

Quote:

Originally Posted by DiRaven

Какой вариант страницы с чатами используешь? Тот что в первом сообщении?

Да

DiRaven_renamed_656678_20022023 · 13.08.2014, 11:37

Тады ой, это не ко мне. =)

narushev_renamed_1065035_09082020 · 13.08.2014, 12:28

Quote:

Originally Posted by DiRaven

Тады ой, это не ко мне. =)

А у Вас может есть другой вариант?

DiRaven_renamed_656678_20022023 · 13.08.2014, 15:40

Quote:

Originally Posted by narushev

А у Вас может есть другой вариант?

https://forums.goha.ru/showthread.ph...3#post24179453
https://forums.goha.ru/showthread.ph...2#post24197682

Почти год назад делал... Я даже не уверен, что оно еще работает. xD В любом случае, я думаю смогу допилить на днях, если чего-то не хватает, или что-то работает не так.

narushev_renamed_1065035_09082020 · 15.08.2014, 06:29

Quote:

Originally Posted by DiRaven

Почти год назад делал... Я даже не уверен, что оно еще работает.

Сразу скажу что в этом я мало что понимаю, попробовал скачал Вашу сборку чатов, перенастроил на свои, счетчика зрителей так и не увидел, даже не понял где он должен отображаться :). Буду очень признателен , если посмотрите и поправите. Заранее спасибо.
P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .

DiRaven_renamed_656678_20022023 · 15.08.2014, 13:33

Quote:

Originally Posted by narushev

P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .

Гляну.

DiRaven_renamed_656678_20022023 · 15.08.2014, 16:34

Кое-чего обновил и привел в порядок. Должно работать.

https://github.com/diraven/streamchats

Там все достаточно подробно расписано - как и что делать, куда нажимать.

Cybergame, к сожалению, не позволяет встраивать свой чат на сторонние ресурсы и иные страницы (по крайней мере, пока). Так что я бы его рекомендовал вообще отключить.

Если уж очень хочется его использовать - то это можно сделать достаточно просто. Надо установить аддон типа этого: https://addons.mozilla.org/en-US/fir...on/flashblock/

Тогда стримы автоматом не будут проигрываться сразу после входа на страницу и проблем с эхо при включенном чате сайбергейма не будет.

Будут вопросы - задавай. Посмотрю что можно сделать.

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