Браузеры

Сделал S3-браузер в один HTML-файл (S3Feather)

TL;DR: один index.html, открываешь в браузере, работаешь с бакетом. Без установки и сервера. AWS, MinIO, Cloudflare R2 и вообще любой S3-совместимый. Потыкать, код.

Почему AWS Console медленная и перегруженная. Cyberduck надо ставить, на телефоне не работает. А хотелось просто открыть вкладку в браузере и перекинуть файлы, где бы ни был. Веб-приложение с бэкендом не хотел, потому что надо где-то хостить и думать про ключи. В итоге пришёл к тому, что вся логика живёт в браузере. SigV4 подписывается на клиенте, CORS настраивается на бакете, никакого прокси нет.

Как устроено Один файл: HTML, JS, CSS, логика подписи запросов. Открываешь локально или хостишь чоб было доступно везде, ну или уже захосченый - линк выше.

Ключи живут в sessionStorage, закрыл вкладку, исчезли. Если надоедает вводить каждый раз, можно сохранить подключения в зашифрованный файл. Кинул его в облако, открыл на телефоне, ввёл пароль, всё.

Что умеет

• Листинг, загрузка, скачивание, удаление

• Несколько файлов сразу в ZIP прямо в браузере

• Presigned-ссылки для шаринга

• Drag and drop

• Адресная строка с s3:// и командная палитра по Ctrl+K

• Flatten-режим: показывает всё рекурсивно плоским списком, когда помнишь имя файла но не помнишь папку

На Android качал файлы пакетами по несколько гигабайт, работает нормально.

Буду рад фидбеку, особенно от тех кто использует нестандартные S3-совместимые хранилища.

Переключение между вкладками

В 1954 году Пол Фиттс сформулировал закон, который в вольной интерпретации звучит так: чем меньше и дальше кнопка, тем сложнее её нажать. Этот принцип часто используют создатели интерфейсов. Например, на хорошей микроволновке кнопка «Старт» больше всех остальных.

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

• Создать вкладку: Ctrl + T (⌘ + T)

• Закрыть вкладку: Ctrl + W (⌘ + W)

Есть вкладки, которые у меня открыты всегда. Это Почта, Календарь и Музыка. Они закреплены слева, а для быстрого переключения есть такие сочетания клавиш:

• Переключиться на первую вкладку: Ctrl + 1 (⌘ + 1)

• Переключиться на вторую вкладку: Ctrl + 2 (⌘ + 2)

• Переключиться на третью вкладку: Ctrl + 3 (⌘ + 3)

Часто приходится переключаться между соседними вкладками, например, чтобы сравнить информацию. Для этого есть универсальные сочетания клавиш Ctrl + Tab и Ctrl + Shift + Tab. Но лично я привык к более интуитивным вариантам:

• Переключиться на левую вкладку: Ctrl + Page Up (⌥ + ⌘ + ←)

• Переключиться на правую вкладку: Ctrl + Page Down (⌥ + ⌘ + →)

P.S. Obsidian поддерживает все вышеописанные сочетания клавиш, кроме последней пары, которая зачем-то используется в macOS-версии для навигации по истории:

• Переключиться на левую вкладку: ⌥ + ⌘ + ← (браузеры), ⇧ + ⌘ + [ (Obsidian)

• Переключиться на правую вкладку: ⌥ + ⌘ + → (браузеры), ⇧ + ⌘ + ] (Obsidian)

• Назад по истории: ⌘ + [ (браузеры), ⌥ + ⌘ + ← (Obsidian)

• Вперёд по истории ⌘ + ] (браузеры), ⌥ + ⌘ + → (Obsidian)

К счастью, эта неконсистентность легко чинится в настройках.

Два архитектурных подхода к совместному просмотру видео и чем они отличаются на практике

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

Подход 1: серверный relay

Watch2Gether (w2g.tv), WParty (wparty.net), vmeste.tv. Пользователь отправляет ссылку на видео, сервер его загружает или проксирует, раздаёт участникам комнаты через собственный плеер. Синхронизация на стороне сервера: он контролирует playback state для всех клиентов.

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

Минусы тоже. Видео проходит через инфраструктуру сервиса, перекодируется. На потоке 1080p с Кинопоиска получишь что-то хуже на выходе. Плюс юридическая зона: проксирование контента с платных платформ нарушает условия использования большинства из них. Поэтому relay-сервисы работают в основном с YouTube, Vimeo, частично с RuTube и ВК Видео. Кинопоиск, Иви, Okko ни один relay-сервис напрямую не поддерживает.

Подход 2: state sync на клиенте

Teleparty (teleparty.com), TandemParty (tandemparty.com). Браузерное расширение внедряется в страницу через content script, находит video element, подписывается на события (play, pause, seeked, ratechange) и транслирует их участникам через WebSocket.

Видеопоток не затрагивается. Каждый участник грузит контент напрямую с CDN платформы в нативном качестве. Расширение только рассылает команды управления.

Сложность в адаптерах. Каждая платформа использует свой плеер с разными обёртками, разными событиями, разными способами управления воспроизведением. Кинопоиск, YouTube, RuTube, ВК Видео, Иви, Okko, все по-разному. Расширение должно содержать отдельный адаптер под каждую, который знает как найти video element, как подписаться на события, как программно управлять плеером.

Teleparty покрывает западные платформы: Netflix, HBO Max, Disney+, Hulu. TandemParty поддерживает 15 платформ, включая российские (Кинопоиск, Иви, Okko, Wink, Premier, KION, Start, Амедиатека) и западные (Netflix, Prime Video, HBO Max, Crunchyroll). WebSocket-сервер у TandemParty на Rust.

Минус state sync подхода: требуется расширение. Без установки не работает, а это дополнительный порог входа. Плюс расширение привязано к Chromium, Firefox и Safari остаются за бортом.

По факту, для синхронного просмотра с сохранением качества state sync выигрывает. Relay проще в онбординге, но проигрывает в качестве картинки и в покрытии платформ.

Представлен открытый проект на Go под названием Castor. Умные ТВ не могут транслировать произвольное веб-видео, а зеркальное отображение экрана тормозит и теряет разрешение. Вместо этого Castor транслирует реальный поток в полном качестве с ПК на ТВ.

«Я создал Castor, потому что не мог транслировать веб‑видео со своего ноутбука на телевизор: не было Chromecast, не было AirPlay. Наведите его на любую веб‑страницу, и Castor найдет видео, извлечет поток, перекодирует его для вашего телевизора и транслирует в реальном времени. Он также принимает прямой URL‑адрес потока или идентификатор IMDB/TMDB и может встраивать автоматически сгенерированные субтитры», — пояснил автор проекта.

Castor запускает Chrome в headless режиме с рандомизированным фингерпринтом и скрытыми скриптами для маскировки автоматизации. Решение отслеживает весь сетевой трафик через протокол Chrome DevTools для захвата видеопотока, а затем запускает короткий конвейер действий: кликнуть по странице, перейти в самый большой iframe, решить проблему с Cloudflare Turnstile, если таковая появится, и снова кликнуть в качестве резервного варианта.

Представлен открытый проект Send it, with PairDrop (веб-версия проекта) — AirDrop для всех. Это универсальный способ передачи файлов на ПК и мобильных устройствах в браузере между Windows, Linux, Android, iOS, macOS и другими ОС:

• работает без скачиваний драйверов и утилит и дополнительного ПО;

• просто открываем сайт на обоих устройствах в браузере и начинаем передачу;

• если используете одну сеть Wi‑Fi — устройства сразу увидят друг друга;

• если используете разные сети — нужно один раз ввести шестизначный код, создать пару устройств, и дальше устройства будут находить друг друга автоматом;

• передача файлов идем напрямую между устройствами;

• можно передавать большие объёмы данных без ограничений.

Представлен лёгкий браузер для парсинга данных и ИИ‑агентов — открытый Obscura на Rust работает в разы быстрее подобных проектов и занимает меньше ресурсов, чем Сhrome или Firefox:

• без графического интерфейса — максимальная автоматизация;

• Stealth Mode, который скрывает признаки ИИ‑агентов. Так сайты не будут распознавать устройство как бота;

• использует лишь 30 МБ оперативной памяти;

• сам браузер весит около 70 МБ;

• грузит страницы за 85 мс;

• после запуска браузер готов к работе практически сразу без дополнительных настроек.

Дратути!

Только у меня, валенка, зелёно-чёрный блок с "задача упала в спринт" в ленте статей сурово тормозит браузер?

Я бы понял, кабы это только на "устройстве для чтения газет" с 1 Гб ОЗУ и малоизвестным браузером Falcon было. Но и на почти новом смартфоне с 8 Гб и Firefox - заметны подрагивания при прокрутке.

Как этого добились?

Half‑Life 2 теперь запускается прямо в браузере — разработчик под ником slqnt собрал веб‑версию легендарного шутера Valve. Никаких установок и лаунчеров, достаточно открыть страницу и дождаться загрузки. Проект экспериментальный и в нем до сих пор присутствует куча багов, вылетов и графических артефактов, например не работает мимика лиц npc и экраны, но это самая настоящая HL2 в браузере.

Flight Simulator добавили прямо в карты от Google — в веб‑версии Google Earth появилась возможность полетать над своим домом. Симулятор в точности воссоздаёт 3D‑мир с рельефом и всеми строениями, прямо как в симуляторе от Microsoft. При этом управление достаточно нестандартное. Ищем свой дом на Google Earth — жмём Tools и выбираем Flight Simulator.

Обмениваемся файлами на любых устройствах. Разработчики приложения для передачи данных по Wi‑Fi Localsend представили версию проекта для браузера:

• Работает за два клика: открываем приложение на двух ваших устройствах, которые подключены к одной точке Wi‑Fi, прикрепляем файлы и передаем их.

• Без регистрации, без установок, без ограничений.

• Подходит для любых ОС, передает файлы с большой скоростью и без дополнительных настроек.

Microsoft открыла исходный код инструментария Webwright, который запускает в браузере различные скрипты и выполняет задачи с помощью ИИ‑агентов:

• умеет сёрфить в сети, заказывать билеты, бронировать столики, искать товары и делать все, чтобы сэкономить время для пользователя;

• при этом каждое действие можно записать в скрипт и потом только корректировать в нем параметры;

• ИИ в это время будет проходить по коду, искать и исправлять ошибки;

• работает с большинством программ, сайтов и сервисов.

Синхронный просмотр видео онлайн: почему 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.com/blog

Представлен браузер CloakBrowser для работы с ИИ-агентами. Это мод Google Chrome, который:

• маскируется под человека и проходит 30 из 30 тестов на живого пользователя;

• получает высокий балл на reCAPTCHA v3 — такие же, как человек;

• проходит Cloudflare Turnstile;

• проходит FingerptrintJS, BrowserScan;

• оставляет реалистичные отпечатки, особенно TLS.

Представлен сервис «taken.» который позволяет оценить, какую информацию о вас знают сайты в интернете. Спойлер: они знают буквально всё — от вашего местоположения до точных настроек системы, заряда батареи и даже установленных шрифтов.

С 20 по 29 апреля 2026 года Google Chrome тихо установил (без уведомления, без галочки, без согласия) на устройства пользователей файл weights.bin — бинарник Gemini Nano весом около 4 ГБ.

Как от этого избавится:

• в браузере chrome://flags;

• ищем Enables optimization guide on device и отключаем;

• ищем Prompt API for Gemini Nano и отключаем;

• находим на диске по пути AppData/Local/Google/Chrome/User Data/OptGuideOnDeviceModel/ файл весом в 4 ГБ и удаляем его вручную.

Исследователь обнаружил, что браузер Microsoft Edge загружает все сохраненные пароли в память в открытом виде — даже когда ими не пользуются.

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

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

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

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

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

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

https://pointerpointer.com/ — PointerPointer: сервис находит фото, где человек указывает пальцем прямо на ваш курсор.

https://hackertyper.net/ — HackerTyper: почувствуйте себя кинохакером — просто быстро жмите любые клавиши.

https://www.window-swap.com/ — WindowSwap: видео из случайных окон реальных людей по всему миру.

https://astronaut.io/ — Astronaut.io: случайные видео с YouTube с нулевым количеством просмотров и странными названиями.

https://neal.fun/wonders-of-street-view/ — Wonders of Street View: самые необычные и прикольные места, найденные на Google Картах.

https://radio.garden/ — Radio Garden: глобус, на котором можно слушать прямой эфир радиостанций из любой точки планеты.

https://radiooooo.com/ — Radiooooo: музыкальная машина времени — выбираете страну и десятилетие.

https://earth.fm/ — Earth.fm: интерактивная карта с записями звуков природы со всего мира.

https://floor796.com/ — Floor796: огромная живая анимация с сотнями персонажей поп-культуры.

https://www.windows93.net/ — Windows 93: полноценная (и очень странная) операционная система прямо в вашем браузере.

http://www.excelworld.ru/ — ExcelWorld: всё о работе в Excel и даже чуть больше.

https://www.makewordart.com/ — MakeWordArt: тот самый дизайн надписей из Microsoft Word 2000.

https://90s.myretrotvs.com/ — 90s TV: симулятор телевизора из 90-х с рекламой и передачами того времени.

https://archive.org/details/softwarelibrary_msdos_games — MS-DOS Games: огромный архив старых игр, в которые можно играть онлайн.

https://webamp.org/ — Webamp: легендарный плеер Winamp, работающий в браузере.

https://poolsuite.net/ — Poolsuite: эстетика 80-х, ретро-радио и летний вайб.

http://savethesounds.info/ — Save The Sounds: музей исчезающих звуков (от кассет до старых модемов).

https://zzz.zoomquilt2.com/ — Zoomquilt 2: бесконечное сюрреалистичное изображение, в которое можно «влипать» вечно.

https://stars.chromeexperiments.com/ — 100,000 Stars: визуализация ближайших к нам звезд в 3D.

https://htwins.net/scale2/ — Scale of the Universe: интерактивная шкала масштабов Вселенной — от атомов до галактик.

https://pastvu.com/ — PastVu: архив исторических фотографий с привязкой к месту на карте.

https://pudding.cool/ — The Pudding: визуализация плотности населения Земли в виде 3D-гор.

https://trismegistus.tech/apps/begit/index.html — Бегит, Анжуманя: забавный чеклист для тренировок (пресс качать, анжуманя).

https://www.koalastothemax.com/ — Koalas to the Max: расщепляйте круги, пока не увидите картинку.

https://www.incredibox.com/demo/ — Incredibox: создавайте крутой битбокс с помощью стильных персонажей.

Записал видео, как показываю эти сервисы:

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

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

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

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

Если до вас дошло обновление Firefox 149 и вы в ужасе от сломанного мультипоиска, то пока его ещё можно вернуть:

browser.search.widget.new → false

Самое печальное тут — стоящая за исчезновением история. Оказывается, команда юзабилистов из Мозиллы не смогла сделать мультипоиск аксессибильным («доступным», т.е. совместимым со скринридерами и управлением строго с клавиатуры). Решение было гениальным: нет мультипоиска — нет проблемы.