Стрим-режим
Прячет авторов клипов и тех, кто уже проголосовал, — чат не тянет за «своего». Всё откроется в финале. В самой игре этот режим убирает ещё и меню с кнопками: остаются два клипа и табло счёта — чистый кадр для OBS.
Турнирная платформа для Twitch-клипов · v3

CLIP BATTLEчат решает.

Два клипа на экране. Тридцать секунд. Чат голосует цифрами 1 и 2 — проигравший вылетает, победитель идёт дальше по сетке до короны.

0клипов в сетке
0секунд на голос
0раунда до короны
∞боли чата
01

Как проходит
баттл

Три шага от «введи ник» до короны. Никаких регистраций, ключей и танцев с бубном.

01

Выбери канал

Вводишь ник стримера — мы тянем его клипы с Twitch: популярные за период или полностью рандомные.

любой канал
02

Чат голосует

Два клипа одновременно, таймер тикает. Чат пишет 1 или 2 в чат Twitch — или жми кнопки на экране.

irc live
03

Сетка до короны

Победитель пары летит дальше: 1/8, четверть, полуфинал, финал. В конце — карточка победителя и ссылка для шаринга.

single elim
02

Фишки,
ради которых всё

Всё, что мы навертели, чтобы стрим не проседал ни на секунду.

Живой чат на экране

Виджет читает чат канала по IRC и показывает сообщения прямо поверх батла: бейджи модератора, VIP и сабов, цвета ников. Хайп-метр измеряет, насколько чат орёт.

Стрим-режим

Прячет авторов до финала, сам стартует голосование и сам идёт дальше с отсчётом. Клавиша H в бою убирает ещё и все кнопки с меню — остаются два клипа и табло со счётом. Этот кадр и захватывай в OBS.

Сетка турнира

Все пары плей-офф на одном экране: обложки клипов, ники авторов, счёт и кто уже вылетел. Клавиша B.

Темы и графика

День и Ночь, пять кислотных цветов, три уровня графики и рубильник анимаций — под любой ПК и вкус.

Горячие клавиши

1/2 — голос, Space — старт/скип, M — звук, B — сетка, C — чат, T — цвет, H — режим стримера, Esc — закрыть.

Карточка победителя

После финала собираем превью 1200×630 с клипом, автором и просмотрами, кладём ссылку в буфер — вставляй в Discord или Telegram, превью подтянется само.

03

Настройка
турнира

Четыре переключателя — и понеслась.

Панель запуска

twitch gql · online
Канал
Выбери канал — тогда откроются количество клипов, режим, даты и таймер
Количество клипов
Тип клипов
За всё время
За месяц
За неделю
За 24 часа
Время голосования
Голосовать можно и кнопками на экране — клавиши 1 / 2.
04

Частые
вопросы

Всё, о чём спрашивают перед первым запуском турнира клипов.

Что такое Клип Баттл и как запустить турнир клипов на стриме?

Клип Баттл (clip battle, его ещё пишут «клип батл») — сайт, где лучший клип твоего канала выбирают зрители.

Открываешь страницу на стриме, вбиваешь ник канала, выбираешь число клипов — 4, 8 или 16 — и сколько секунд давать чату на голос. Дальше раунд за раундом показываешь два клипа, зрители голосуют, а победитель идёт по сетке до самого финала.

без регистрациибез ботапросто ссылка

Как чат голосует в клип баттле?

Зритель пишет в чат просто цифру — 1 или 2.

Это номер клипа, который стоит на экране под этой цифрой. Сайт считает сообщения живьём и выводит счёт на табло, а полоса хайпа показывает, на чьей стороне чат орёт громче.

Один ник может написать хоть десять раз — засчитаем только первый голос, накрутить результат не выйдет.

Нужно ли что-то устанавливать, покупать или подключать бота?

Нет. Всё работает прямо в браузере по ссылке.

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

без установокбез входа в Twitchбесплатно

Какие клипы попадают в турнир?

Клипы того канала, чей ник ты ввёл.

Выбираешь, откуда брать: самые популярные за всё время, за месяц, за неделю, свежие за сутки — или вообще наугад. Сетка — плей-офф на выбывание: 1/8, четвертьфинал, полуфинал и финал.

В конце — карточка победителя со ссылкой, чтобы кинуть её в Discord или Telegram.

Как вывести Клип Баттл в OBS и что такое чистый кадр?

В OBS добавь источник «Браузер» и вставь ссылку на сайт — этого хватит.

Во время игры нажми H — это режим стримера. Он убирает лишние кнопки: шапку, меню, чат, полосу хайпа и панель голосования. Остаются два клипа и большое табло внизу — гигантский счёт, ники, раунд и таймер. Его и захватывай.

Тот же режим прячет авторов клипов и проголосовавших до финала, сам запускает голосование и сам переходит дальше с отсчётом.

Кнопки всё ещё нужны? Пошевели мышью — на секунду всплывёт панель с кнопкой «Обычный экран». Курсор не двигаешь — кадр снова чистый.

Это бесплатно и на каких устройствах работает?

Бесплатно и без лимитов на число зрителей.

Открой сайт в обычном браузере — на компьютере со стримом, на ноутбуке или в телефоне. Есть дневная и ночная темы, пять цветов на выбор.

Компьютер слабый? В настройках можно вырубить анимации и частицы одной кнопкой — батл дойдёт до финала ровно.

ЗАГРУЗКА КЛИПОВ...
0%
0 / 0
Режим стримера
—
ХАЙП ЧАТА
—
—
0
VS
—
—
0
—
—
Послание на главнуюпослания открыты
0/5
ТУРНИР ОКОНЧЕН
Лучший клип!
Название клипа
Автор

РАУНД 1

1/4 ФИНАЛА
Все обновления
3.2
21 октября

Обновление 3.2 — «Темщик»

Теперь для каждого цвета скрипт собирает самостоятельную тему — и белую, и ночную. Выбрал цвет, нажал «Сохранить» — перекрасился весь сайт, а не несколько кнопок.

тема целикомбелая тожепереход в цветчестный чёрныйшесть переходов в шапкеархив обновлений
Тема красит всё5

Раньше цвет менял только несколько кнопок. Теперь — всю страницу.

  • Один цвет рождает всю палитру: бумага и карточки красятся в тон акцента, чернила, обводки и тени — в тон парного цвета, а засветки и вторичный цвет считаются из той же пары.
  • Белая тема перестала быть «чуть подкрашенной» — для каждого цвета она собирается заново: жёлтый даёт лимонную бумагу, синий — холодную, розовый — пудровую. Ночь строится по тем же правилам, поэтому у каждого цвета свои две темы.
  • Скрипт сам думает, чем писать: на яркой плашке знак становится тёмным или кремовым — по контрасту, а слишком светлые цвета сторон батла притемняются, пока подпись не начнёт читаться.
  • Свой RGB работает так же: выбрал любой цвет в палитре — сайт собрал из него тему целиком. Светлоту больше не подтягиваем, поэтому тёмный цвет остаётся тёмным, а чёрный — чёрным. У серого и почти чёрного собственного тона нет, поэтому парный цвет у них холодный графит, а не грязно-розовый.
  • Полупрозрачные мелочи — засветки фона, пунктир сетки, тени под карточками, полоски голосования — тоже считаются из темы и больше не остаются чужого цвета на новой бумаге.

один цвет — вся кожабелая и ночнаяконтраст по WCAG

Чёрный по-настоящему3

Своим цветом теперь можно попасть точно — вплоть до совсем чёрного.

  • Раньше скрипт не давал уходить в темноту: любой тёмный цвет подсвечивался до середины, и вместо чёрного выходил холодный графит. Ограничение убрано — выбрал чёрный, чёрный и остался. То же с белым и любым тёмным оттенком.
  • Чтобы надписи не утонули на тёмных плашках, знак подбирается по контрасту: на ярком цвете он тёмный, на тёмном — кремовый. Работает и в белой теме, и в ночной.
  • Образец под палитрой обведён пунктиром и подписан «пример»: это только картинка, жать в неё не надо. Экран боя перекрасится, когда нажмёшь «Сохранить».

тёмный диапазон свободензнак по контрасту

Переход в тему3

«Сохранить» в настройках теперь показывает, куда ты попал.

  • Пока ты выбираешь цвет, сайт стоит в прежней теме — он больше не перекрашивается на каждое движение мышкой. Из-за этого в настройках стало заметно спокойнее: ничего не дёргается и не проседает.
  • Выбрал цвет и нажал «Сохранить» — экран закрашивается кругом из цвета выбранной темы: акцент, сторона батла, парный цвет. Под кругом страница переодевается, круг уходит обратно. Тот же приём, что у дня с ночью, только в твоём цвете.
  • Ничего не менял — «Сохранить» просто сохраняет, без круга. Анимации выключены в настройках или система просит меньше движения — тема применяется сразу, без перехода.

круг из твоего цветацвет — по «Сохранить»без миганий

Телефон в игре3

Клипы в горизонте стали крупнее, панель голосования — тоньше.

  • Кнопки под клипами больше не встают столбиком: на узком телефоне столбик съедал треть экрана. Теперь они в один ряд, как на компьютере, и панель голосования ужалась со 144 до 90 пикселей.
  • Освободившееся место ушло клипам: на маленьком телефоне карточка клипа стала 296 пикселей в ширину вместо 192, а картинка внутри — почти вдвое больше.
  • Полоса голосования, отсчёт и полоска прогресса стали тоньше, подпись под клипом плотнее, а сама панель встала ровно по ширине двух клипов, а не во весь экран.

ряд вместо столбикаклипы в полтора раза

Послания: одна полоска2

Условия открытия посланий стали в одну строку.

  • Одна полоска и одно условие: сыграй 5 игр. Никаких «трёх разных стримеров» и второй полоски над ней — хоть пять раз одного и того же канала, хоть пять разных.
  • Игра — это турнир до самого конца, до клипа-победителя, а не один раунд. Раньше в счётчик попадал каждый раунд и послания открывались раньше времени; теперь засчитывается только доведённая до победителя игра.

5 игр — и всёигра = турнир до конца

Панель переходов в шапке4

Все переходы — в одном ряду с логотипом, и их шесть.

  • Пункты: Главная, Как играть, Фишки, Играть, Частые вопросы, О нас. У каждого — свой рисованный значок рядом с надписью, чтобы читалось одним взглядом.
  • Кнопка «Настройка» переименована в «Играть» — она и правда ведёт к запуску игры, а не в настройки.
  • Секция встаёт ровно под шапку, а не уезжает под неё. Отступ считают по настоящей высоте шапки: 104 пикселя на компьютере, 66 на телефоне. «О нас» доводит страницу до самого пола — на маленьком экране подвал целиком не влезает.
  • Шесть надписей влезают не в каждое окно, поэтому панель листается свайпом вбок, а у правого края мягко гаснет — так видно, что там ещё есть что. До 1100 пикселей по ширине её нет, как и раньше.

«Играть» вместо «Настройки»листается свайпомровная посадка

Прошлые обновления2

Ничего из старой истории не потерялось.

  • Сверху этого окна — ряд версий: 3.2, 3.1, 3.0. Ткнул — окно показывает, что было в той версии, со всеми группами и подробностями.
  • Само окно открывается кнопкой со звёздочкой в шапке («Что нового») и один раз само после обновления. Галочка «Больше не показывать» убирает только автоматический показ — кнопка в шапке остаётся.

ряд версий сверхукнопка в шапке

Мелочи, которые бесили3

Сайт стал тише и ровнее на ходу.

  • За логотипом на главном экране лёг белый свет — лого больше не приклеено к бумаге, оно светится из-за спины. И в день, и в ночь.
  • Полоса прокрутки, которая вылезала сбоку окна посланий, убрана — как и в остальных окнах. Прокрутка работает, палки не видно.
  • Перестал тормозить выбор цвета: страница больше не перерисовывается на каждый кадр мыши, а частицы боя не перестраиваются при каждом движении ползунка.

свет за логобез палки прокруткименьше рывков

3.1
19–20 октября

Обновление 3.1 — «Дополнение»

Игра переехала на телефон, курсор над клипами стал родным, режим стримера объединился с кадром для OBS, а сетка турнира перестала быть тайной кнопкой.

поверни экранпосланиярежим стримера + OBSновая сетка
Игра на телефоне4

В Клип Баттл теперь играют с телефона — в горизонте даже удобнее, чем на компьютере.

  • Игра стартует — телефон накрывается чёрным экраном с нарисованным телефоном в зелёном кольце. Повернул в горизонт — экран ушёл сам, ничего нажимать не надо.
  • В горизонте оба клипа встают рядом, как на компьютере, а не друг на друга. Голосовать, смотреть таймер и «Смотреть оба» — всё влезает в один экран.
  • Все окна переехали на узкий экран: послание, календарь, настройки и это окно не обрезаются, а «Сохранить» внизу достается пальцем.
  • На телефоне перчатка не ездит — мыши там нет. Курсор только родной, и ничего не подвисает.

поверни экраноба клипа рядомкрупные кнопки

Режим стримера и OBS3

Режим стримера и «чистый кадр для OBS» — теперь одно и то же.

  • Нажми H прямо в игре — и вместе с авторами исчезают лишние кнопки: шапка, меню, чат, полоса хайпа и панель голосования. Остаются два клипа и табло счёта — этот кадр и кладут в OBS. Включается и кнопкой сверху.
  • Отдельный переключатель «Чистый кадр для OBS» в настройках убрали: он только путал — режим не включался, пока не тронешь второй тумблер.
  • Выйти из чистого кадра можно и мышью: пошевелил — на секунду всплывает панель с главной кнопкой раунда и кнопкой «Обычный экран». Курсор стоит на месте — кадр снова чистый.

одна клавиша Hвсплывает по мыши

Сетка турнира4

Сетка перестала быть тайной кнопкой в углу.

  • Кнопка сверху теперь с подписью и раундом: видно «Сетка · 1/4 финала» — не надо гадать, что за значок и где он вообще.
  • В каждой паре — обложка клипа, ник автора и счёт голосов. Кто прошёл дальше — подсвечен, кто вылетел — потух, идёт сейчас — помечено. Сверху подпись, сколько клипов ещё в игре.
  • Пока включён режим стримера, ники авторов в сетке скрыты до финала — сетку можно держать на экране целиком.
  • Сама сетка теперь дерево: раунды выстроены по линеечке, пары соединены скобками, и каждая следующая стоит ровно напротив середины двух своих. Не влезает в ширину — сверху появляется подсказка «крути вбок».

обложки клиповкто вылетелдерево по линеечке

Курсор над клипами4

Наводишь на клип — перчатка уходит, остаётся обычная стрелка.

  • Убрали невидимую плёнку, которую ставили над плеером: она была костылём — съедала клики и не давала пройти экрану Твича про возраст.
  • Теперь над карточкой клипа перчатка прячется, стрелка остаётся родной, и любой клик уходит прямо в плеер. Убрал мышь с карточки — перчатка вернулась.
  • Круглый диск «смотреть» на карточке заводит клип сразу и со звуком: заставка пропускает клик внутрь плеера и исчезает в тот же миг.
  • Перчатка одна на всём сайте: системная стрелка больше не проступает поверх неё ни на кнопках, ни в полях.

клик проходитбез плёнки

Послания4

Стикеры с посланиями на главной стали честными: чужое не сорвать, а открывается не сразу.

  • Кнопка «Послание» в шапке: пишешь свой ник с Twitch и до десяти символов — стикер прилетает в случайное свободное место на главной. Цвет выдаём случайно, висит два дня и уходит сам.
  • Сорвать послание больше нельзя — ни автору, ни кому-либо ещё: надоело — само закончится через два дня.
  • Послания открываются не сразу: надо сыграть 3 игры до конца — то есть трижды довести турнир до клипа-победителя — и поддержать 3 разных стримеров. Одной сеткой тут ничего не откроешь, обе полоски-счётчика живут прямо в форме послания.
  • Мат и запретные на Twitch слова размыты ровно на одном слове: наведёшь курсор — слово плавно проявится, уберёшь — снова размоется. Больше трёх посланий с канала за неделю не пустим.

3 игры до конца3 разных стримера2 дня

Календарь и запуск3

Календарь знает, когда у канала появился первый клип, и дальше этой даты не возит.

  • Свой период клипов: рядом с выбором периода кнопка с календарём. Открываешь, ткни начало и конец — в бой пойдут только клипы из этих дат. Промежуточные дни стали полосатыми кружками, «Сбросить» очищает выбор.
  • Дни раньше самого старого клипа тусклые и не кликаются, стрелка «назад» упирается в эту границу и вздрагивает, а сверху висит полоска с самой датой.
  • Панель запуска держится на замке: пока канал не выбран, количество клипов, режим, даты и таймер залиты и не нажимаются — без канала они всё равно ни о чём. Нашли ник — всё мгновенно открывается.

свой периодзамок до выбора канала

Настройки и вид5

Свой цвет интерфейса и сохранение по-человечески.

  • RGB-чип открывает нашу палитру: квадрат насыщенности, полоса тона и поля R/G/B. Акцент перекрашивает весь сайт, сохранённые оттенки оседают в ряду «мои цвета» и снимаются крестиком.
  • Настройки больше не применяются исподтишка: всё меняется как черновик, а «Сохранить» прибита к низу окна и ездит вместе с экраном. Уходишь с несохранённым — сайт спрашивает «Стойте, вы не сохранили изменения».
  • «Послание», «в эфире» и тексты стикеров рисуются тем же письмом, что и меню в шапке.
  • Аватарка канала показывает, живой ли стример: тонкое зелёное кольцо — в эфире, пунктирное — не в эфире, но клипы всё равно тянем. Рядом пишется, сколько зрителей и во что играют.
  • Ник стримера больше не обязательно тыкать мышкой: перестал печатать — аватарка и статус подтянутся сами. А выбрать из подсказок теперь надо смахиванием строки вправо.

свой цветчерновик и «Сохранить»кольцо эфира

Починили3

Мелочи, которые мешали жить.

  • Гигантская иконка просмотров в карточках клипов, невидимый чат в стрим-режиме и пустой раунд на табло.
  • Кнопка «Сбросить всё» перестала раздуваться в розовый квадрат, а в настройках спрятали полосу прокрутки.
  • Логотип почистили: вокруг рисунка больше нет мутной дымки, фон по-прежнему абсолютно прозрачный.
3.0
октябрь

Обновление 3.0 — «Мультяшка»

Сайт стал мультяшным целиком: бумага, жирные контуры, пружины, своё лого, ночная тема и новые звуки.

мультяшкановое логоночная тема13 звуков
Стиль и вид5

С чего началась третья версия.

  • Полностью мультяшный стиль: бумага, жирные контуры, пружины; у каждого раздела своя фон-панель, инфы стало компактнее.
  • Сорок иконок, нарисованных от руки, и курсор-перчатка вместо кружка. Иконки ожили: подпрыгивают на наведении, крутятся, моргают и качаются.
  • Новое цветное лого — два зрителя и табличка «1»: лежит в вёрстке как есть, без рамок, теней и ореолов, и в два раза крупнее в шапке, герое, подвале, загрузчике и карточке шаринга. Фавикон оставили прежний.
  • Ночная тема собрана заново как отдельный дизайн: лунный фон вместо тёплых засветок, тёмные пузыри чата, свои свитчи и поля, слова-стикеры вместо «маркера», футер в глубокий космос. Переключается в шапке с круговой закраской, плюс пять кислотных акцентов. Лого остаётся цветным и в дне, и в ночи, а перчатка ночью тёмная с кремовым контуром.
  • Переключатели в настройках выровнены до пикселя и пружинят: при нажатии кружок плющится и отскакивает.
Тексты, звук и стрим3

Что ещё приехало вместе со стилем.

  • «Частые вопросы» переписаны человеческим языком: ответы выезжают построчно, главное вынесено в плашку, внизу цветные стикеры-подсказки. Плюс поисковые описания, чтобы Клип Баттл находился в Google по фразам про турнир клипов.
  • Тринадцать новых звуков, синтезированных под мультяшный дух: boing, бульк голосов, трещотка таймера, финальные фанфары.
  • Стрим-режим: табло счёта видно с дивана, авто-старт голосования, авто-переход с отсчётом и чистый кадр для OBS (H).

Настройки

Графика
Максимум — частицы, конфетти, зерно, наклон карточек и курсор-эффекты. Минимум — всё выключено, чисто и быстро.
Анимации и эффекты
Анимации интерфейса
Кастомный курсор
Тряска экрана при голосах
Тема
«Ночь» — для вечерних стримов: бумага темнеет, обводки становятся кремовыми. Переключается луной в шапке или клавишей N, кислотный цвет — клавишей T.
Звук
Эффекты
Музыка в батле
Виджет чата
Показывать чат
Прозрачность
Экран стримера
Авто-старт голосования
Авто-переход дальше
Режим стримера (переключатель в шапке или H прямо в бою) — он же чистый кадр для OBS: убирает кнопки, шапку, хайп-метр, панель голосования и чат, прячет авторов клипов и проголосовавших до финала. Остаются два клипа и табло снизу: гигантский счёт, ники, раунд и таймер — его и захватывай. Выйти из режима в чистом кадре можно пошевелив мышью: всплывёт кнопка «Обычный экран». Авто-старт запускает голосование сам через 4 секунды, авто-переход сам идёт дальше и показывает отсчёт «дальше через N».
Клавиши
1/2 голосSpace старт / скипM звукB сеткаC чатT цветN ночьH режим стримераEsc закрыть

Стойте, вы не сохранили изменения

Оставить то, что поменялось, или вернуть настройки как было?

Сетка турнира

идёт сейчаспрошёл дальшевылетел

Свои даты

—
пнвтсрчтптсбвс
Ткни дату — это начало. Потом ткни дату конца.

Берём сотню самых просматриваемых клипов канала и оставляем те, что залетели в твои даты.

Послание на два дня

Стикер висит на главной два дня — его увидит каждый, кто зайдёт.

Сыграй 5 игр0/5

Игра — это весь турнир: от первой пары до клипа-победителя. Довёл до победителя — одна игра засчитана, стримеры могут быть любые.

Осталось сыграть 5 игр.
Так это будет выглядеть
никтекст

Десять символов — и ни больше. Запретное на Twitch слово размоем: наведёшь курсор — оно проявится. Не больше трёх посланий с канала в неделю.