Популярные темы
Новые комментарии
Страница с чатами для стримеров
Автор темы: 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 пользователей оценили это сообщение: Показать
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
Можете помочь настроить?
Настроил только - твич и гудгейм, а остальные не видит. В чём проблема? А ск2тв даже не понимает.
Re: Страница с чатами для стримеров
а ты ID правильные вбил?

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
Да. Всё правильно. Всё как надо. Но ни гоха, ни кибер гейм, ничего не видит. не пойму. Все запятые, галочки - всё проверил.
Re: Страница с чатами для стримеров
а код страницы можно?

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

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Последний раз редактировалось Chimera-Syber; 15.03.2014 в 14:40. Причина: Добавлено сообщение
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
Я не знаю как по этой ссылки вставить. Я делал как в теме.
Код чата на ск2тв - 118968
Re: Страница с чатами для стримеров
Сообщение от Chimera-Syber:
а код страницы можно?
на вангу ничем помочь не смогу

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
<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>
Re: Страница с чатами для стримеров
а весь файл можешь приложить (html + css)?

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
Вот.
Вложения:
Тип файла: zip chat.zip (22.4 Кб, 157 просмотров)
Re: Страница с чатами для стримеров
вроде все работает. Просто в чате ск2тв надо написать тебе что-нить, тогда все подгрузится.

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
Проблема в том, что там пишет общий чат, а не мой. И если я пишу на канале или кто то - в этом чате не видно, а зато на канале, если еще вкладка открыта - видно всё. Или же пишу в этом чате, а в новой вкладке не видно. Как так?
Во - вторых. Не прикрепляется гоха чат, вообще. Я и так, и сяк. Просто не видит даже. О_о

Добавлено через 9 минут
Сейчас написал во всех чатах, на всех канала и посмотрел - отобразится в этих чатах или нет. Как и говорил - ничего вообще не отобразилось. В чём проблема - не пойму.
Последний раз редактировалось Solarwing_renamed_1057938_30102019; 15.03.2014 в 21:25. Причина: Добавлено сообщение
Re: Страница с чатами для стримеров
у тебя явно что-то с кодом не так.

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

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

Прикрепляю свой вариант
Вложения:
Тип файла: rar chats.rar (1.9 Кб, 170 просмотров)

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

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

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Аватар для Solarwing_renamed_1057938_30102019
Читатель
Регистрация:
29.06.2013
Re: Страница с чатами для стримеров
ну так я свои имена ставлю и всё.
Аватар для 6yjlo4ka_renamed_1045417_28102019
Читатель
Регистрация:
11.05.2013
Re: Страница с чатами для стримеров
Доброго всем времени суток.
Возможно есть знающие люди на форуме, которые смогу объяснить по какой причине не подтягиваются данные с 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
Читатель
Регистрация:
12.08.2013
Re: Страница с чатами для стримеров
Перестал работать счетчик зрителей с твича, подскажите пожалуйста что поправить необходимо?
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Сообщение от 6yjlo4ka:
Оба варианта работают для Твича и КиберГейма, только ГудГейм отказывается с этим работать.

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

Добавлено через 35 секунд
Сообщение от narushev:
Перестал работать счетчик зрителей с твича, подскажите пожалуйста что поправить необходимо?
Какой вариант страницы с чатами используешь? Тот что в первом сообщении?

Хочешь стать богом? Напиши книгу.
Последний раз редактировалось DiRaven_renamed_656678_20022023; 13.08.2014 в 07:50. Причина: Добавлено сообщение
Аватар для narushev_renamed_1065035_09082020
Читатель
Регистрация:
12.08.2013
Re: Страница с чатами для стримеров
Сообщение от DiRaven:
Какой вариант страницы с чатами используешь? Тот что в первом сообщении?
Да
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Тады ой, это не ко мне. =)

Хочешь стать богом? Напиши книгу.
Аватар для narushev_renamed_1065035_09082020
Читатель
Регистрация:
12.08.2013
Re: Страница с чатами для стримеров
Сообщение от DiRaven:
Тады ой, это не ко мне. =)
А у Вас может есть другой вариант?
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Сообщение от narushev:
А у Вас может есть другой вариант?
https://forums.goha.ru/showthread.ph...3#post24179453
https://forums.goha.ru/showthread.ph...2#post24197682

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

Хочешь стать богом? Напиши книгу.
Аватар для narushev_renamed_1065035_09082020
Читатель
Регистрация:
12.08.2013
Re: Страница с чатами для стримеров
Сообщение от DiRaven:
Почти год назад делал... Я даже не уверен, что оно еще работает.
Сразу скажу что в этом я мало что понимаю, попробовал скачал Вашу сборку чатов, перенастроил на свои, счетчика зрителей так и не увидел, даже не понял где он должен отображаться :). Буду очень признателен , если посмотрите и поправите. Заранее спасибо.
P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Сообщение от narushev:
P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .
Гляну.

Хочешь стать богом? Напиши книгу.
Аватар для DiRaven_renamed_656678_20022023
Фанат
Регистрация:
26.02.2009
Re: Страница с чатами для стримеров
Кое-чего обновил и привел в порядок. Должно работать.

https://github.com/diraven/streamchats

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

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

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

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

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

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

Хочешь стать богом? Напиши книгу.
Последний раз редактировалось DiRaven_renamed_656678_20022023; 15.08.2014 в 16:35. Причина: Добавлено сообщение
Ваши права в разделе
Поделиться сообщением