#jetuboard — Public Fediverse posts

Исходный код #Jetuboard можно найти снова по этому хэштегу. Вот ссылка на репозиторий: https://codeberg.org/vintprox/jetuboard

Статус разработки #Jetuboard на сегодня: я занимаюсь какой-то хухнёй! :blobcattrollface:

После устаканивания быта сел-таки за названный пет-проект, на который я уже накатил шаблон #WXT со #Svelte. И что первым делом я плюхаю? Увы, пока не контент-скрипты и не прототип стримерского джетборда.

Начал я с красивостей: векторный логотип, болваночный компонент на Svelte, #CSS с вложенностью и анимацией. 💅 Сам компонент Logo планируется встраивать как ~64x64 пикс. элемент, выделяющий стримерский пульт управления на фоне разных сайтов.

Ладно, с чего-то надо было начать. Может, в ближайшее время сяду и за саму панель, и чтобы наконец Jitsi к этому делу подрубался.

🏄️ #Jetuboard: Много досок

Название Jetuboard происходит от англ. "jetboard"- джетборда, доски для сёрфинга с мотором. Изначально просто хотел соединить: Jitsi + PeerTube + board.

Однако доска, которая отображается зрителю - это никакой вам не джетборд. Это Доска - и всё на этом! Не надо усложнять.

Вот что действительно есть Jetuboard (заметьте: с буквой "u") - это не доска, а прибор для самого стримера, который будет сопровождать его в браузере, куда бы он ни зашёл. Это всё вместе: его мотор, его пульт управления, его собственная доска для выполнения трюков. Реализация Jetuboard - в виде панели, которая витает над просматриваемыми страницами, за исключением Доски зрителя. В отдельных случаях Джетуборд можно скрыть и пользоваться функциями через контекстное меню или всплывающее окошко вверху справа. Джетуборд будет предоставлять стримеру сподручные кнопки и поля для полного набора демонстрации: редактор отображаемого материала, вставка ссылок, прочие демо-сигналы.

🏄️ #Jetuboard: Губа не дура

После реализации основных функций с интеграцией Jitsi Meet и чата на PeerTube есть такие планы как:

1) Демонстрация изображения по URL или с диска.
2) Демонстрация любого выделенного текста по сигналу стримера.
3) Демонстрация OpenGraph любой ссылки, которую стример кидает в поле, с возможностью менять название и описание под свои нужды.
4) Демонстрация QR-кода ссылки на исходный материал.
5) Демонстрация постов Mastodon и других федивёрс платформ.
6) Демонстрация цитируемых сообщений чата PeerTube или произвольного источника.
7) Сочные реакции.
8) Шаблоны внутренних мемов.
9) Визуализация голосования.

⭐ Исходный код и тикеты будут доступны позже на Codeberg:
https://codeberg.org/vintprox/jetuboard

🏄️ Представляю: #Jetuboard

Чтобы иметь полную картину, оговорюсь сразу, что стриминговая доска может быть нужна не только #РегВыр, но и другим стримерам, которые используют в своём арсенале различные онлайн-сервисы. Это могут быть PeerTube, Jitsi Meet и пр. И вовсе необязательно использовать их вместе, здесь есть потенциал для ремикса: PeerTube чат + статья в режиме чтения ИЛИ вообще Jitsi Meet + Gartic Phone. Это вопрос интеграции и плагинов, если таковые будут.

Но самое, наверное, интересное: было бы хорошо реализовать выше описанный концепт стриминговой доски и добавить полезные для демонстрации вещи. Обычно зрители не могут в параллелизм: надо понимать, что переход по ссылке - это добровольный акт, который может просто и не произойти в 90% случаев. Здесь стример может использовать полный потенциал своего видео-ряда, чтобы раскрыть материал на обозрение. Делать это с большой частотой в OBS может быть накладным...

Недавно сообщал о своём намерении написать прототип веб-расширения для стриминговой доски.

🧵 Этой темой я хочу объяснить откуда ноги растут у этой идеи, какие UI/UX наработки планируется внедрить в #Jetuboard и есть ли большая картина. Посты под катом.

RE: https://mastodon.ml/@vint/113590018903498298

@drq Пссст, недавно пытался отловить переход на страницу с видео через юзерскрипт для PeerTube.

DOM убил.

У меня боль в шее при мысли, что мне обязательно нужно будет вернуться к этому, когда я буду делать ретрансляцию чата через #Jetuboard.