Совместный просмотр аниме и не только
Комната с общим плеером: аниме из каталога или ссылка на YouTube, VK, Twitch и Rutube. Пауза и перемотка у всех сразу, плюс чат и голос.
Как это выглядит
Ниже два окна одной комнаты. Сверху Аня — ведущая. Снизу Кен — гость, он ни разу не трогает плеер.
Что можно смотреть
В настройках комнаты: аниме, YouTube или ссылка; озвучка и плейлист
- Аниме из каталога — тот же плеер, что на сайте: озвучки, субтитры, пропуск заставок. «Пред. серия» / «След. серия» переключают серию сразу у всех.
- YouTube — поиск в комнате или ссылка.
- По ссылке: VK Видео и VK Live, Twitch, Rutube, прямые HLS и mp4.
- «Недавние» — одно касание, и недавно смотрели снова.
Вид комнаты:
- «Плеер и чат» — видео на сцене, чат сбоку. По умолчанию.
- «Голос и чат» — без видео, крупные плитки участников, как в Discord.
Вид меняет ведущий, и он одинаковый у всех.
Чат
Чат справа от плеера. Можно сделать шире или вынести в плавающее окно с прозрачностью поверх видео.
Поиск GIF прямо в чате — гифка уходит ссылкой, на сервер ничего не грузится
Смайлы Twitch / 7TV / BTTV / FFZ с поиском; Tab подставляет смайл или ник
Голосовое с расшифровкой под волной: Whisper или речь браузера, звук никуда не уходит
- GIF и смайлы с поиском. Tab подставляет смайл или ник, «/» ставит курсор в поле ввода.
- Голосовые с расшифровкой: Chrome/Edge или Whisper на устройстве — звук никуда не уходит. На ПК с видеокартой — через WebGPU.
- Картинки и видео — до 5 картинок или одно видео, до 10 МБ. Можно перетащить в чат.
- Спойлеры, ответы, упоминания, свой ник и цвет в каждой комнате.
Голос, камера и демка экрана
«Войти в войчат» включает голос в браузере. В панели — микрофон, камера, демка экрана, наушники и настройки.
Раздел «Голос»: устройства, шумодав, качество демки и расшифровка голосовых через Whisper
- включить камеру и демонстрацию экрана — четыре режима качества, от экономного 720p 15 к/с до «как на экране»;
- настроить шумодав, эхо и автогромкость, выбрать микрофон, камеру и динамики;
- менять громкость каждого, заглушить только у себя или скрыть из списка;
- открыть чужую камеру или демку на весь экран или вынести в отдельное окно.
Кто говорит — подсвечивается зелёным.
Настройки комнаты
Одна панель: на компьютере разделы слева, на телефоне — вкладки сверху. Можно настроить микрофон, камеру и демку до входа в войс.
- Медиа — что смотрим, озвучка, субтитры, недавние;
- Профиль — ник, цвет и вид комнаты;
- Комната — частная/открытая, участники;
- Голос — устройства, обработка звука и расшифровка.
Кто в комнате главный
У комнаты есть ведущий — по умолчанию создатель. Он управляет плеером. Если гость нажмёт паузу или перемотает, плеер вернёт его к ведущему.
Ведущий может:
- передать права другому;
- разрешить менять источник — гость включает другое видео, пауза и перемотка всё равно у ведущего;
- кикнуть или забанить;
- удалить комнату.
Как устроен синхрон
Ведущий — источник правды. Его плеер шлёт на сервер «пуск», «пауза», «перемотка» и раз в 2 секунды «тик». Сервер раздаёт это всем через WebSocket.
Гость считает, где должен быть по метке времени. Если отстал:
- меньше 0,35 с — ничего не трогаем;
- от 0,35 до 0,7 с — на полторы секунды ускоряем или замедляем на 4%, без рывка;
- больше 0,7 с — перематываем на нужную секунду.
Так плеер выравнивается сам, даже если у кого-то видео подгрузилось позже.
Тот же сценарий на главной shiki.sgezha.art: пауза у всех, перемотка, чат и войс
Ограничения
- VK Видео и Twitch — чужой iframe, полный синхрон недоступен; комната об этом пишет. С аниме из каталога, YouTube, Rutube и прямыми ссылками синхрон полный.
- Комната открывается в браузере, не внутри Telegram: там нельзя войс с камерой и демку. Мини-приложение — лобби.
- Пустая комната удаляется через час.
Попробовать
@shikimori_anime_bot → «👥 Совместный просмотр» или мини-приложение. Демка на shiki.sgezha.art. Бесплатно, без регистрации и рекламы.
Если что-то сломалось или не хватает функции — в комментарии.