Расширения для браузеров

Синхронный просмотр видео онлайн: почему screen share архитектурно плохое решение и как это исправить

Задача на первый взгляд простая: двое в разных локациях хотят смотреть одно видео синхронно. На практике большинство берёт первое что под рукой (screen share) и получает предсказуемо плохой результат. Разберём что происходит под капотом у каждого подхода.

Screen share

Discord, Zoom, Telegram используют WebRTC или собственные протоколы. Поток с дисплея захватывается, кодируется (VP8/VP9 или H.264 с агрессивным битрейтом для экономии полосы), передаётся через TURN/STUN-сервер, декодируется у получателя. Качество деградирует на каждом этапе, это следствие архитектуры, не баг. Задержка от 500 мс до 3 секунд в зависимости от условий. Только инициатор получает оригинальный видеопоток.

Веб-сервисы (Watch2Gether, WParty)

Видео либо проксируется через их серверы, либо используется embed API платформы. В случае YouTube: iframe с postMessage API для управления. Качество ограничено их инфраструктурой. Российские платформы (Кинопоиск, RuTube, Иви) через embed не работают или работают с серьёзными ограничениями.

Синхронизация состояния плеера

Принципиально другой подход. Расширение не трогает видеопоток. Оно встраивается в страницу, перехватывает события нативного плеера (play, pause, seeked, timeupdate) через MutationObserver или прямую инъекцию в DOM, и транслирует их участникам комнаты через WebSocket. Каждый участник грузит видео напрямую с CDN платформы. Синхронизируется только управление, не контент.

TandemParty работает по этой схеме. Поддержка: Кинопоиск, YouTube, ВК Видео, RuTube, Иви. Задержка синхронизации команд в пределах сетевого RTT. Из нестандартного: QR-пульт, WebSocket-сессия позволяет телефону выступать вторым контроллером плеера после сканирования QR-кода с экрана.

Техническая статья про устройство синхронизации изнутри есть в блоге: tandemparty.ru/blog

Google снёс моё расширение за спам ❌

Захотел установить свой же Extract Text From Picture, иду в поиск (из прикольного: по запросу я на первой странице Google!), кликаю по ссылке, а там: This item is not available.

Пошел проверять почту. Chrome Web Store действительно прислал “письмо счастья”: удалили за нарушение политики Spam and Placement in the Store.

Пошел искать правду по чатикам разработчиков и выяснил, что проблема массовая. Походу, Google выкатил новый алгоритм модерации, который жестко триггерится на количество локализаций. А у меня их было аж 52 (привет, ASO-оптимизация).

Что буду делать дальше? Из хорошего: тип реджекта yellow 🟡. Это значит, что бан не перманентный, а предупреждающий, и проект можно спасти. План такой: временно дропаю все 51 перевод, оставляю только английский язык и отправляю на повторную модерацию. Посмотрим, как быстро пропустят.

Дебаж 🐞с ноги 🦶

Brave (точнее, Brave Shields) удаляет ссылки на Дзен

Авторам статей - пища для ума: стоит ли использовать ссылки на Дзен, если они не отобразятся у некоторых пользователей? При создании статьи Как я зарегистрировал CVE и разозлил вендора обратил внимание, что ссылка на статью в Дзен исчезла. Текст в браузере выглядит так (ссылка в скобках):

А полный текст вот:

Дисклеймер: в статье приведены скриншоты из моих личных переписок с разработчиками. Публикация таких переписок одной из сторон не требует согласия другой (согласно законодательства РФ).

Статья вышла ещё в прошлом году. Несколько раз я пытался отредактировать статью и вернуть ссылку - ничего не выходило. Я уже даже заподозрил, что администрации Хабра чем-то не по нраву Дзен (и даже искал правила Хабра, чтоб понять причину). В итоге как-то всё забылось. Ответ нашёлся недавно. Решил подать статью в Технотекст. Вспомнил о проблеме и подумал, что это может негативно отразиться на оценке публикации в конкурсе. И тут я, наконец, догадался сделать то, что нужно было ещё почти год назад: проверил отображение в других браузерах. FF, Chrome - отображали корректно. В итоге выяснил, что проблема возникает в Brave (проверял на версиях 1.85.118 и 1.89.137) при включённом Brave Shields. Может ли настройка Brave Shield решить проблему не знаю - сходу не разобрался.

💪 Боремся с ютубом за внимание

Вчера я вернулся из отпуска, отдохнул замечательно. Прилетел на отдых и просто ел, спал, лежал и плавал, никакого тебе стресса, единственная забота — что бы такое съесть на шведском столе.

Ну если не считать уведомления из налоговой. От каждого их письма я вздрагиваю, после того, как мне пришлось им заплатить 83 000р из-за неправильно оформленного патента 😅.

Я не читал и не смотрел новостные видосы, не читал телеграмм каналы, ну почти. Но в те моменты, когда мне нужно было найти что-то на Ютубе, я открывал главную страницу и видел его рекомендации… И тут сразу вижу, что произошло в мире, что я что-то пропускаю, там новость интересная, а там чувак рассказывает, как он продуктивность свою увеличил в 10 раз, а ещё новый трейлер нового Человека Паука вышел.

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

Пару месяцев я писал про One Sec, а сегодня расскажу про подходы, чтобы отключить навязчивые рекомендации Ютуба.

Я нашел два подхода:

• браузерные расширения

• встроенный способ на ютубе

Я пока попробовал первый вариант — расширение Unhook, оно помогает отключить все рекомендации ютуба:

• главная страница будет просто пуста — просто чёрный экран (как на скрине)

• при просмотре видео никаких панелей с рекомендаций, никаких отвлечений

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

В новой версии Firefox 149.0 появился встроенный Mozilla VPN с бесплатным трафиком 50ГБ в месяц. Сообщается, что функция раскатывается сначала для США, Великобритании, Германии и Франции. Видимо, так как я сидел на французском VPN, мне тоже прилетело обновление с этой функцией (или доступно уже всем?).

В настройках можно добавить адреса сайтов-исключений, которые будут открываться без VPN (например, gosuslugi.ru, vk.com и т.д.). Возможности вписать регулярное выражение не нашел (для всех ru/su/рф доменов).

Так же, в новой версии появилась функция раздельного экрана: в одной вкладке можно добавить две вкладки и менять ширину.

Обо всех изменениях можно узнать подробнее в примечаниях к версии.

Расширение AI-Less Habr — Чистим Хабр от ИИ

Надоела лента, забитая ИИ? У меня есть готовое решение для вас. Shut up and take my money:

• Chrome Web Store

• GitHub

Есть следующие возможности:

• скрывать хаб «Искусственный интеллект»

• скрывать по словам в заголовке (настраиваемый список)

• скрывать по тегам (настраиваемый список)

• инвертированный режим (показать, попадающее под фильтры, и скрыть остальное)

По умолчанию включено только скрытие хаба «Искусственный интеллект». Фильтры по словам/тегам с большей вероятностью допускают ложноположительные срабатывания, поэтому выключены по умолчанию. По этой же причине в фильтрах по словам по умолчанию нет слов «ии»/«ai», так как есть достаточно много статей, содержащих что‑то вроде «без ИИ». Внимательно относитесь к добавлению слов в фильтры, чтобы минимизировать ложноположительные срабатывания.

Всем привет! Представляем вашему вниманию ВордЧекер Extension - браузерное расширение, предназначенное для проверки позиций сайтов в поисковой системе Яндекс и отображения истории позиций вашего сайта.

Расширение бесплатное (но с некоторыми ограничениями). Пока находится в режиме тестирования.

Проверка производится посредством XML-лимитов (XMLStock, XMLRiver).

Доступно указание регионов Яндекса для проверки, а также массовая проверка позиций сайтов в один клик.

Основные возможности ВордЧекер Extension

✓ Проверка позиций в поисковой системе Яндекс
✓ Указание регионов сканирования запросов в Яндексе
✓ Массовый сбор статистики по Яндекс Вордстат с учетом региональности
✓ Экспорт и импорт проектов для их переноса между браузерами, либо между ПК
✓ Использование XML-сервисов для сбора сбора поисковой выдачи
✓ Фильтрация данных по ключевым запросам, позициям и Вордстат
✓ Отображение URL посадочных страниц запросов в ТОП-100
✓ Импорт запросов из буфера обмена и CSV
✓ Экспорт запросов в буфер обмена и CSV

Совместимость с браузерами

- Google Chrome
- Mozilla Firefox
- Яндекс Браузер
- Opera
- Microsoft EDGE

Установить расширение

- Chrome Web Store
- Firefox addons

Интересен фидбек по функционалу, интерфейсу и юзабилити.
Будем рады услышать ваши комментарии, предложения и пожелания по работе расширения.

Открытый скрипт для браузера IKEA 3D Model Downloader добавляет на сайте IKEA кнопку «Download 3D» на страницы товаров. Проект позволяет скачать файл с точной 3D-моделью дивана, стола или шкафа. Очень удобно для планирования ремонта. Можно закинуть мебель в 3D-планировщик квартиры, посмотреть, как она встанет по размерам, прикинуть цвета и сочетания, а не покупать вслепую «по картинке» Работает на всех версиях сайта IKEA и с новой версией тоже. По сути — примерка мебели у себя дома, только в цифре.

Оптимизируем яндекс‑карты

Если вы, как и я, пользуетесь яндекс-картами в браузере на десктопе и каждый раз вздрагиваете, когда при движении курсора по экрану всплывают окошки с описанием объектов, то вам помогут следующие волшебные строки в фильтре uBlock:

yandex.ru##.search-business-snippet-view__content
yandex.ru##.card-header-media-view__list

При явном клике на объект он продолжит открываться слева как и раньше.

Поиск по вкладкам

В моём браузере постоянно открыто 20-30 вкладок, связанных с текущими проектами. И это не какие-то мусорные вкладки, которые я забыл закрыть, а рабочие документы: планы, отчёты, задачи. При таком количестве вкладок названия уже не влезают, и панель превращается в ряд безымянных квадратиков.

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

1. Нажимаю какое-то сочетание клавиш.

2. Начинаю вводить любое слово из заголовка вкладки.

3. Жму Enter — переключаюсь на эту вкладку.

Выяснилось, что первые два пункта в том или ином виде реализованы во всех популярных браузерах. Правда, сочетания клавиш для активации поиска у всех разные:

• Chrome, Edge: Shift + Ctrl + A (Shift + ⌘ + A)

• Яндекс Браузер: Shift + Ctrl + E (Shift + ⌘ + E)

• Safari: Shift + ⌘ + \

• Firefox: Ctrl + L (⌘ + L), далее ввести знак процента и пробел

А вот с третьим (казалось бы, самым логичным) пунктом не так всё просто. Из перечисленных браузеров только Chrome переключается на найденную вкладку по нажатию Enter. В остальных браузерах приходится использовать мышку. Впрочем, проблема решается плагинами вроде Lightweight Tab Search и Tab Search.

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

Как установить HTTP прокси с TLS на свежий сервер с Linux одной командой:

curl https://raw.githubusercontent.com/SenseUnit/easy-dp/refs/heads/master/easy-dp.sh | bash -s

Вывод будет примерно таким:

Всё, готово - можно пользоваться!

Скрипт устанавливает и настраивает dumbproxy c TLS-сертификатами от LetsEncrypt, выпущенными прямо на IP-адрес сервера, без домена.

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

На этом всё!

Как Cursor помог переписать браузерное расширение за 2 часа: опыт миграции на единый стек

Последние пару недель занимаюсь унификацией технологического стека для всех своих pet-проектов и поделок. Цель — собрать единый тех-радар, чтобы не тратить время на переключение контекста между разными фреймворками и библиотеками.

Мой стек

Frontend:
- React (без сюрпризов)
- WXT (лучший фреймворк для браузерных расширений)
- MUI (библиотека UI-компонентов под Material Design)
- Netlify (бесплатный и надёжный хостинг)

Backend:
- Supabase (как Firebase, только лучше)
- Yandex Cloud (serverless-контейнеры + S3-хранилища)

Процесс

На выходных добрался до Speech to Text — браузерного расширения для транскрипции аудио. Оно было написано на vanilla JS ещё в первых версиях, и каждое обновление превращалось в квест по поиску багов и зависимостей.

С помощью Cursor (AI-ассистента для кода) переписал всё расширение за пару часов:

• Перенёс на WXT (фреймворк для Chrome Extensions)

• Заменил самописные компоненты на MUI

• Добавил TypeScript для типобезопасности

• Заодно запилил новую фичу: транскрипцию системного звука через Chrome Tab Capture API

Что получилось - https://chromewebstore.google.com/detail/speech-to-text/jolafoahioipbnbjpcfjfgfiililnoih

Теперь Speech to Text может расшифровывать не только микрофон, но и всё, что играет на компьютере: YouTube-видео, Zoom-созвоны, лекции, подкасты и т.д.

Дополнительно добавил:

• Аудиоплеер для предпросмотра файла перед отправкой

• Анонимную расшифровку по прямой ссылке на аудио

Бонус

Модерация в Chrome Web Store прошла за 2 часа (обычно было 8-12). Предполагаю, что регулярные релизы дают "репутацию" у алгоритмов Google.

Выводы

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

Хотите больше деталей?
Про процесс унификации стека, выбор инструментов и другие эксперименты с расширениями пишу в своём Telegram-канале @debug_leg. Там более неформальный формат: короткие посты, скриншоты процесса и честные истории про грабли. Подписывайтесь, если интересна кухня разработки.

Плохие новости — LanguageTool перестаёт работать бесплатно

Альтернативу ещё стоит подобрать, но пока такие варианты:

💡Spell Checker for Chrome — Простое и лёгкое расширение для проверки орфографии на многих языках (включая русский); хороший выбор, если нужно «минимализм + надёжность».

💡 Free Spell Checker for Google Chrome — Простая бесплатная проверка орфографии на десятках языков, включая русский — подойдёт, если не нужна сложная грамматика.

💡 Magictool AI — Более «многофункциональное» решение: грамматика, орфография, переписывание текста, помощь с формулировками, AI-функции.

Проблема в том, что эти расширения не гарантируют хорошую проверку русского: орфография обычно ок, а вот пунктуация, грамматика, стилистика могут «проседать». Какие есть ещё варианты?

ТГ📥Левашов

Google представил топ лучших расширений для Chrome в 2025 году: 

• HARPA AI: позволяет автоматизировать любую работу в интернете: мониторинг сайтов, напоминания, боты, поиск, скрапинг; 

• Quillbot: если работаете с текстом — это вам. Проверка орфографии, рерайт ИИ‑текста, подборка синонимов и даже проверка осмысленности текста;

• Monica и Sider: добавляют в браузер боковую панель с самыми полезными нейронками. Удобный доступ к сразу нескольким чат‑ботам, быстрой генерации картинок и видео, проверке и переводу документов; 

• Fireflies и Bluedot: помогут в создании заметок и автоматической расшифровке бесконечных созвонов; 

• QuestionAI и eJOY: школьники и студенты, а это вам — помощник по выполнению домашних заданий и разбору тем по любым предметам. 

• Adobe Photoshop: быстрый доступ к Фотошопу. Веб‑версия проще, но там есть все нужные инструменты для редактирования фотографий, в том числе ИИ‑фотошоп;

• Phia: шопинг‑расширение с ИИ для автоматического сравнения цен при покупках в браузере. Идеально, если все ещё мечтаете найти дешёвые ОЗУ.

Менеджер паролей, который не хранит пароли

Сделал для себя, но решил выложить в паблик.

Visual Password — помогает легко восстанавливать надёжные пароли, не записывая их и не храня в менеджерах паролей. Вы просто запоминаете пару эмодзи и ключевое слово. Когда нужен пароль, используйте их комбинацию, чтобы мгновенно создать длинный сложный пароль прямо на своём устройстве.

Всё происходит локально: никаких серверов, интернета и баз данных — Visual Password не отправляет и не сохраняет ваши пароли.

Проще говоря, вы храните только маленькие подсказки в голове, а Visual Password превращает их в действительно надёжный пароль.

Рекомендации по использованию

В поле Keyword напишите то, что характеризует ваш пароль, для чего он, например, google, facebook и т.д.

В поле Pin введите что угодно, например, 123a. Pin повышает уровень энтропии и уменьшает вероятность коллизий с другими пользователями программы.

Выберите набор символов для пароля и его длину.

В поле Visual Password введите набор эмодзи. Для того чтобы запомнить эмодзи используйте не только их картинку, но и буквенно-цифровые обозначения, которые есть на каждой кнопке. А также цветовые градации при нажатии на кнопку с эмодзи.

Совокупность исходных данных, использованных для генерации пароля, всегда выдаёт одинаковый результат.

Скопируйте полученный пароль.

Закройте Visual Password.

Когда пароль понадобится снова, заново введите те же данные.

Установка

Скачать можно на GitHub.

Для скачивания доступны: расширения для Chrome и Firefox, Apk Android, html файл который можно запускать локально или разместить на любом хостинге. А так же есть web-версия (https://viruseg.github.io/VisualPassword/) и Telegram бот @VisualPassword_bot.

Сегодня утро началось не с кофе...

Google Chrome, внезапно обновившийся до версии 138, отключил uBlock Origin и выругался, что расширение более не совместимо с текущей версией браузера, и вообще бяка.

Впрочем, для этой проблемы нашлось временное решение:

1. Вставляем в адресную строку
   chrome://flags/#temporary-unexpire-flags-m137 и меняем значение на [Enabled]

2. Перезапустить браузер Chrome

3. По очереди меняем следующие значения, аналогично п.1
   chrome://flags/#extension-manifest-v2-deprecation-warning ставим [Disabled]
   chrome://flags/#extension-manifest-v2-deprecation-disabled ставим [Disabled]
   chrome://flags/#extension-manifest-v2-deprecation-unsupported ставим [Disabled]
   chrome://flags/#allow-legacy-mv2-extensions ставим [Enabled]

4. Еще раз перезапустить Chrome

Продолжаем наслаждаться интернетом с меньшим количеством рекламного спама на наших экранах.

Всем привет!

Я сделал бесплатное расширение для Chrome, которое помогает SEO-оптимизировать сайты под голосовой и ИИ-поиск.

Недавно я собрал небольшой сайд-проект под названием Voixa — это бесплатное расширение для Chrome, которое помогает сайтам лучше ранжироваться в AI-поисковиках вроде ChatGPT, Perplexity, Siri, Alexa и Google Assistant.

Voixa основано на принципах AEO (Answer Engine Optimization) и даёт вам "оценку голосового поиска", а также полезные рекомендации: анализ структуры данных, проверка speakable-тегов, подбор long-tail ключевых слов и многое другое.

Можно просканировать любую страницу в один клик, получить PDF-отчёт и понять, что нужно улучшить.

https://chromewebstore.google.com/detail/voixa-ai-seo-tool-rank-fi/nhpgpbkighoakfiocoonbbfemffpmmbk?pli=1

Буду рад конструктивной обратной связи или идеям, как сделать лучше!

Я сделал таймер Pomodoro с котами

Привет, ребята!
Я создал небольшой сторонний проект — милый маленький таймер Pomodoro с котами под названием Meowdoro.

Это бесплатное расширение Chrome, которое помогает вам оставаться сосредоточенным с помощью техники Pomodoro.

Вы можете настраивать сеансы работы/перерыва, отслеживать свою статистику и даже соревноваться в простой таблице лидеров.
О, и есть кот, который мурлычет, когда наступает время перерыва.

Ничего особенного — просто то, что я хотел для себя и решил поделиться.
Буду рад любым конструктивным отзывам или идеям по улучшению!

→ https://chromewebstore.google.com/detail/meowdoro-tracker-pomodoro/gmmcoggmjnbbklphjcbnpfepmagelgkk

Спасибо за чтение! 😺

Уже 3000+ пользователей у нашего расширения Core Web Vitals Test!

Продолжаем расти 🚀.

Как мы создавали продукт, можно прочитать в этой статье.

Написали подробный разбор запуска второго продукта в рамках челленджа 12 проектов за 12 месяцев - браузерное расширение Save Emails from Gmail as PDF.

В статье рассказали про:

• выбор идеи,

• разработку,

• SEO и размещение на UGC-платформах,

• текущее кол-во пользователей.

👉🏻 https://habr.com/ru/articles/915050/