Обзор: Добавьте в свое сообщество видеозалы и голосовые комнаты в стиле Discord 🎙

Настройка Плагин
1

Привет всем! Делюсь плагином Resenha, который добавляет голосовые и видеочаты непосредственно в Discourse — без необходимости использования сторонних приложений, просто peer-to-peer WebRTC в боковой панели.

image
image388×767 40.7 KB

Попробовать вживую

:point_right: https://discourse-on-a-pi5.falco.dev/

Как это работает

Нажмите на комнату в боковой панели, чтобы присоединиться, нажмите еще раз, чтобы выйти. По умолчанию все медиаданные передаются напрямую между пользователями через WebRTC — ваш сервер Discourse обрабатывает только сигналы, но не сами медиапотоки. Сайты, которым нужны более масштабные звонки, могут опционально маршрутизировать комнаты через медиасервер LiveKit — либо через LiveKit Cloud, либо через собственный self-hosted сервер. При установке создается комната «Watercooler» по умолчанию, чтобы ваше сообщество могло сразу начать общение.

Возможности

  • Интерфейс, ориентированный на боковую панель — комнаты и аватары участников в реальном времени прямо в боковой панели, в стиле Discord, с анимированными индикаторами речи
  • Видео и демонстрация экрана — опциональное видео с камеры и демонстрация экрана/вкладки с полной страницей комнаты, макетами плитки/презентации и поддержкой полноэкранного режима
  • Виджет постоянных звонков — закрепленный, масштабируемый мини-звонок, который следует за вами при просмотре форума, включая видео
  • Настройки звука и видео — выбор устройств, тест микрофона в реальном времени, порог чувствительности ввода, шумоподавление на базе WebAssembly (DTLN) и размытие фона с помощью MediaPipe — все обрабатывается локально в браузере
  • Чат комнаты — каждая комната получает текстовый чат, основанный на реальных каналах и потоках чата Discourse
  • Сценические комнаты — комнаты для спикеров и аудитории с очередью запросов на выступление, для AMAs и общественных звонков
  • Разрешения комнат — публичные, ограниченные для групп и приватные комнаты, с значками блокировки в боковой панели и хэштегами комнат для ссылок на комнаты в постах
  • Управление участниками — контекстное меню с индивидуальным громкостью, отключением звука, отключением звука для других и выкидыванием; плюс автоматическое отключение звука/отключение при бездействии и автоматический статус пользователя
  • Управление комнатами — создание комнат пользователями ограничено группами, интерфейс CRUD для персонала и полный REST API для программного управления
  • Нулевая инфраструктура по умолчанию — чистый браузерный WebRTC с шифрованием DTLS-SRTP, без необходимости в SFU/MCU
  • Опциональная интеграция с LiveKit — включайте комнаты индивидуально или маршрутизируйте все через LiveKit Cloud или ваш собственный сервер LiveKit для больших звонков, с панелью состояния администратора и согласованием на основе веб-хуков

Статус

Мы используем это для внутренних встреч уже несколько недель, и оно отлично работает для небольших групп. Для больших групп может потребоваться развертывание вместе с LiveKit, но обычные размеры до 10 участников отлично работают в конфигурации по умолчанию mesh.

Установка

hooks:
  after_code:
    - exec:
        cd: $home/plugins
        cmd:
          - git clone https://github.com/xfalcox/resenha.git

Включите в Админ > Настройки > Плагины > resenha enabled.

Отзывы приветствуются

Это новый плагин — баги, идеи и вопросы приветствуются в этой теме. PRs тоже!

Примечание: Это не official плагин.

56 лайков
Do you think the upcoming Discord age verification could spawn new Discourse communites?
Is Docker image discourse/discourse considered safe and production-ready?
Alternative icons
Is it possible to add voice calling in discourse?
How do you handle external video content in a Discourse community?
2

Отзыв, просто супер! Обожаю, спасибо, мой земляк!

image
image1116×909 123 KB

12 лайков
4

Только что установил, и всё заработало примерно за полчаса. Похоже, работает отлично! Хотелось бы увидеть несколько изменений и дополнений в функциях:

Функция Статус
Переименовать комнату :cross_mark: Не реализовано
Удалить комнату :cross_mark: Не реализовано
Изменить имя комнаты по умолчанию :cross_mark: Закодировано в исходном коде
Привязать комнаты к категориям Discourse :cross_mark: Не поддерживается
Настроить права доступа для каждой комнаты :cross_mark: Не поддерживается
Создавать комнаты с автоматическим истечением срока действия :cross_mark: Не поддерживается
Описания/темы комнат :cross_mark: Не поддерживается
10 лайков
5

Это потрясающе. Есть ли у команды планы сделать это официальным после выхода из альфы?

7 лайков
6

На данный момент планов нет, так как это в основном исследование возможностей технологии и того, как она может интегрироваться с Discourse.

Тем не менее, как и во всём остальном, всё зависит от того, чего хотят наши клиенты.

9 лайков
7

Это действительно круто, Фалько! Я вижу множество применений для этого, учитывая то, что вы перечислили. Плагины с такими функциями, как этот, определенно помогают сделать Discourse Meta ведущей платформой!

4 лайка
8

Где находится опция создания новой комнаты?

9

Для этого нет пользовательского интерфейса, так как это экспериментальный проект в области технологии, а не готовое решение для производственных сайтов.

2 лайка
10

Разве сейчас не должен быть присутствовать experimental?

Крутой плагин

3 лайка
11

Я несколько дней пробовал это в действии — и это просто великолепно!!!

Это прекрасно решает проблему лёгкого «переноса» обсуждения с форума или чата в голосовой разговор. Я годами мучился с необходимостью переключаться на другие платформы или использовать ресурсоёмкие (попытки) встроенные видеоконференции.

Если вы решите развивать проект дальше, я бы хотел, чтобы он был спроектирован с возможностью интеграции с чатом. Было бы просто восхитительно иметь возможность запускать приватную голосовую комнату для участников чата прямо из самого чата (с последующей уборкой, чтобы всё оставалось в порядке). При этом чат останется идеальным местом для добавления дополнительных комментариев, файлов, ссылок и т.д.

Вишенкой на торте, конечно же, стали бы:

  1. Возможность видеосвязи (вероятно, технически невозможна с такой лёгкой технологией)

  2. AI-транскрипция, достаточно умная для интеграции связанных тем и чата. Это было бы абсолютно потрясающе как инструмент для ведения протоколов встреч.

11 лайков
12

Спасибо за обратную связь! Это была именно моя цель при создании этого!

Безусловно, это был бы логичный следующий шаг, с поддержкой эфемерных комнат.

Это вполне реализуемо: как без SFU/MCU для пользователей с достаточной скоростью загрузки, так и с опциональной поддержкой таких решений.

7 лайков
13

Это было отлично. Я не буду обновлять это долгое время, но в феврале я обновлю его в последний раз, когда будет выпущена ESR, чтобы включить этот плагин.

Я так этому рад и надеюсь, что это случится.

2 лайка
14

Хотите использовать более «кулерный» иконку?

image

Вставьте это в TC:

// Поместите это во вкладку JS или в /javascripts/discourse/api-initializers/...
import { apiInitializer } from "discourse/lib/api";

export default apiInitializer(api => {
  api.replaceIcon("microphone-lines", "bottle-water");
});

/* Переверните иконку bottle-water вверх дном в боковой панели Resenha — поместите в Common */
.sidebar-section.sidebar-section-wrapper [class*="d-icon-microphone-lines"] {
  transform: rotate(180deg);
  /* При необходимости можно также настроить вертикальное выравнивание */
  display: inline-block;
}
3 лайка
15

Теперь есть интерфейс для управления комнатами.

10 лайков
16

Спасибо, Falco, за этот плагин :heart:

Отличная работа :+1:

1 лайк
17

Я тестирую в продакшене, вернусь с отзывами! Vamos Resenhar :brazil:

1 лайк
18

Может быть, в этом случае лучше использовать спиннер? Когда я захожу в комнату и нажимаю на свой профиль или профиль другого пользователя, DOM обновляется, и меня перекидывает на главную страницу.

image
image353×207 5.9 KB

19

Теперь доступен экран с подробностями о комнате, использующий паттерн меню-«кебаб» из Discourse Chat.

image
image373×167 6.85 KB

image
image608×278 14.1 KB

image
image607×690 38 KB

2 лайка
20

В теме по умолчанию наложения нет, возможно, стоит настроить вашу тему так, чтобы она учитывала меньшее пространство для отступов?

image

Это уже исправлено.

3 лайка
21

В свете последних новостей я добавил в плагин новую функцию: фильтр шума на базе ИИ.

Администраторы могут сделать его доступным через настройку сайта (по умолчанию: выключено), а пользователи смогут включить его, нажав на своё имя в комнате голосового чата.

6 лайков