Для входа на форум нажмите здесь
Страница с чатами для стримеров
Автор темы: 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: 116149
Reply With Quote
Old 15.03.2014, 11:56
Re: Страница с чатами для стримеров
Можете помочь настроить?
Настроил только - твич и гудгейм, а остальные не видит. В чём проблема? А ск2тв даже не понимает.
Old 15.03.2014, 13:16
Re: Страница с чатами для стримеров
а ты ID правильные вбил?

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

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

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

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Last edited by Chimera-Syber; 15.03.2014 at 14:40. Reason: Добавлено сообщение
Old 15.03.2014, 14:55
Re: Страница с чатами для стримеров
Я не знаю как по этой ссылки вставить. Я делал как в теме.
Код чата на ск2тв - 118968
Old 15.03.2014, 14:59
Re: Страница с чатами для стримеров
Originally Posted by Chimera-Syber:
а код страницы можно?
на вангу ничем помочь не смогу

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

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

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Old 15.03.2014, 20:04
Re: Страница с чатами для стримеров
Вот.
Attached Files:
File Type: zip chat.zip (22.4 KB, 158 views)
Old 15.03.2014, 20:43
Re: Страница с чатами для стримеров
вроде все работает. Просто в чате ск2тв надо написать тебе что-нить, тогда все подгрузится.

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

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

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

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

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

Прикрепляю свой вариант
Attached Files:
File Type: rar chats.rar (1.9 KB, 171 views)

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Old 15.03.2014, 23:55
Re: Страница с чатами для стримеров
Я тогда возьму твой вариант :) Если не против! А редактировать в любом текстовом редакторе можно?
Old 16.03.2014, 00:05
Re: Страница с чатами для стримеров
да в любом. только если не знаешь лишний раз не трогай

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

Настройка стрима - гайды, статьи и руководства
※ Нужна помощь по настройке трансляции? Вам сюда!
Old 16.03.2014, 00:09
Re: Страница с чатами для стримеров
ну так я свои имена ставлю и всё.
Old 28.05.2014, 18:49
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>

Оба варианта работают для Твича и КиберГейма, только ГудГейм отказывается с этим работать.
В чём проблема? Кривую руки у разработчик ГГ? Или в скрипте чего-то не хватает для него?
Old 13.08.2014, 07:19
Re: Страница с чатами для стримеров
Перестал работать счетчик зрителей с твича, подскажите пожалуйста что поправить необходимо?
Old 13.08.2014, 07:50
Re: Страница с чатами для стримеров
Originally Posted by 6yjlo4ka:
Оба варианта работают для Твича и КиберГейма, только ГудГейм отказывается с этим работать.

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

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

Хочешь стать богом? Напиши книгу.
Last edited by DiRaven_renamed_656678_20022023; 13.08.2014 at 07:50. Reason: Добавлено сообщение
Old 13.08.2014, 10:15
Re: Страница с чатами для стримеров
Originally Posted by DiRaven:
Какой вариант страницы с чатами используешь? Тот что в первом сообщении?
Да
Old 13.08.2014, 11:37
Re: Страница с чатами для стримеров
Тады ой, это не ко мне. =)

Хочешь стать богом? Напиши книгу.
Old 13.08.2014, 12:28
Re: Страница с чатами для стримеров
Originally Posted by DiRaven:
Тады ой, это не ко мне. =)
А у Вас может есть другой вариант?
Old 13.08.2014, 15:40
Re: Страница с чатами для стримеров
Originally Posted by narushev:
А у Вас может есть другой вариант?
https://forums.goha.ru/showthread.ph...3#post24179453
https://forums.goha.ru/showthread.ph...2#post24197682

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

Хочешь стать богом? Напиши книгу.
Old 15.08.2014, 06:29
Re: Страница с чатами для стримеров
Originally Posted by DiRaven:
Почти год назад делал... Я даже не уверен, что оно еще работает.
Сразу скажу что в этом я мало что понимаю, попробовал скачал Вашу сборку чатов, перенастроил на свои, счетчика зрителей так и не увидел, даже не понял где он должен отображаться :). Буду очень признателен , если посмотрите и поправите. Заранее спасибо.
P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .
Old 15.08.2014, 13:33
Re: Страница с чатами для стримеров
Originally Posted by narushev:
P.S. попробовал добавить чат с кибергейма, и даже не сразу понял что за звук у меня появился, оказывается если стрим включен, то звук как то проходит через чат. Если как то непонятно объяснил, то попробуйте просто добавьте чат с активного стрима .
Гляну.

Хочешь стать богом? Напиши книгу.
Old 15.08.2014, 16:34
Re: Страница с чатами для стримеров
Кое-чего обновил и привел в порядок. Должно работать.

https://github.com/diraven/streamchats

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

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

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

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

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

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

Хочешь стать богом? Напиши книгу.
Last edited by DiRaven_renamed_656678_20022023; 15.08.2014 at 16:35. Reason: Добавлено сообщение
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