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

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

Привет всем! Делимся Resenha — экспериментальным плагином, который добавляет голосовые комнаты прямо в Discourse: никаких внешних приложений и медиа-серверов, только голосовая связь P2P в боковой панели.

output

Попробуйте вживую

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

(Да, это работает на Raspberry Pi 5 — настолько лёгкий этот плагин.)

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

Нажмите на комнату в боковой панели, чтобы присоединиться, и ещё раз, чтобы выйти. Весь звук передаётся напрямую между участниками через WebRTC — ваш сервер Discourse обрабатывает только сигналы, но не медиа. При установке автоматически создаётся комната «Watercooler» (Разговорная зона), чтобы ваше сообщество могло сразу начать общение.

Возможности

  • Приоритет интерфейса боковой панели — комнаты и аватары участников в реальном времени прямо в боковой панели, как в Discord
  • Индикация говорящего — анимированные звуковые бары показывают, кто говорит прямо сейчас
  • Управление участниками — контекстное меню с регулировкой громкости, отключением звука и возможностью исключить участника
  • Управление комнатами — интерфейс CRUD для сотрудников плюс полный REST API для программной настройки
  • Отсутствие инфраструктуры — чистый WebRTC в браузере с шифрованием DTLS-SRTP, без необходимости в SFU/MCU
  • Ограничение по уровню доверия — использует существующую систему уровней доверия Discourse для управления правами создания комнат

Статус

:warning: Альфа-версия — хорошо работает для небольших комнат (2–10 участников). Сначала протестируйте на небольшой группе. В больших комнатах могут быть ограничения браузера по количеству участников P2P; поддержка SFU запланирована.

Установка

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

Включите в Admin > Settings > Plugins > resenha enabled.

Ждём ваши отзывы

Это экспериментальный проект — в этой теме приветствуются сообщения об ошибках, идеи и вопросы. Также принимаем Pull Requests!

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

51 лайк
Do you think the upcoming Discord age verification could spawn new Discourse communites?
Is it possible to add voice calling in discourse?
Alternative icons
Is Docker image discourse/discourse considered safe and production-ready?
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 лайков