Как я завайбкодил расширение для Хрома без навыков программирования

Всем привет, будет мой первый пост

Чтобы было интересно читать, сразу расскажу, что получилось за 8 :

– расширение для загрузки видео с любых сайтов

– приложение для трёх OS в двух архитектурах: Windows, Mac, Linux (arm64 и x64)

сайт без CMS

– кастомные патчи для FFmpeg

На сегодня рейтинг расширения 4.8 ⭐ и 12к юзеров, чистая органика, люди визжат от счастья, а я от удовольствия

страница листинга в Chrome Web Store
страница листинга в Chrome Web Store

Как пришла идея

Попробовал скачать видео с сайта через Video DownloadHelper (мой фаворит на то время), но он показывал 30 файлов с одинаковым превью, и ограничивал загрузку на 1 файл в 2 часа, поэтому я решил найти способ скачать его сам

Написал в GPT запрос, пару часов поковырялся и смог скачать его с помощью FFmpeg (это был HLS плейлист), но качалось низкое качество, что я не с разу заметил... поэтому задался вопросом – а как скачать хорошее? Шаг за шагом, я узнал про стриминговую подачу видео и решил это автоматизировать скриптом

Когда скрипт позволял качать найденные ссылки, поиск ссылок всё равно оставался ручной работой, и я подумал, почему бы не сделать расширение типа VDH, которое будет находить все качества и давать мне ссылки, а FFmpeg будет их скачивать?

Собственно, так я и начал работать над расширением, сам того не осознавая

От вайбкодинга к кодингу с ИИ

Мне хватило 3 дней, чтобы понять несостоятельность чистого вайбкодинга как концепции. Когда ты не понимаешь код, приходится доверять ИИ, а в то время 80% попыток устранить ошибку заканчивались бесконечными "Ага, я понял, в чём проблема!" и совершенно тем же нерабочим результатом.

Следующие 2 недели я потратил на попытки разобраться в мусоре, написанном ИИ за 3 дня. Пришлось узнать и о синтаксе JS, среде разработки, особенностях браузерных расширений и тонне других аспектов, чтобы завести банальную вещь – отправку запроса на загрузку из расширения в нативное приложение

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

Это было самое важное осознание.

С тех пор я работал ежедневно по 8-16 часов, засиживаясь до 3 ночи, параллельно работая в найме, всё свободне время уделяя кодингу расширения. Время перестало ощущаться, я не хотел ложиться спать и вскакивал с кровати спустя 5-6 часов сна, чтобы скорее вернуться к разработке

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

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

И да, всё это – бесплатно.

Расширение на сегодня

Моё расширение объективно лучше почти всех топовых конкурентов в сторе. Там, где большинство не может даже обнаружить медиа, я его скачиваю.

Я не нашёл НИ ОДНОГО расширения, которое позволяет объедиенять несколько треков в один файл, например, если в плейлисте есть несколько аудио-дорожек, их можно объединить как "треки" в финальный видео файл, и выбирать их внутри плеера при офлайн-проигрывании:

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

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

Кроме того, мой загрузчик:

- бесплатный

- не собирает аналитику, полностью локальное исполнение

- поддерживает видео / аудио / субтитры

- умеет комбинировать и извлекать дорожки из оригинальных медиа

- имеет современный, компактный и понятный интерфейс на 48 языках

- тонна настроек под любые задачи

- исходный код приложения опубликован на GitHub для всех сомневающихся

Честно говоря, сделано так много, что я могу рассказывать о нём так же долго, сколько я его разрабатывал.

Что я хочу этим сказать

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

Скачивать медиа можно с: GetCourse, Rutube, VK LIVE, Bizon365, Twitch, X, Vimeo, разных запрещённых платформ и тд.

❗ YouTube не поддерживается по правилам Chrome Web Store, тут уж извиняйте, я бессилен. DRM-защищённые медиа тоже – это нелегально. Некоторые плееры слишком хитрые и у меня нет времени и желания обходить их защиту, но, объективно оценивая, я УЖЕ поддерживаю больше сайтов, чем кто либо в сторе.

Во-вторых, если вас привлекает вайбкодинг – ограничение только в вашей голове, инструменты УЖЕ на достаточном уровне, чтобы реалзивать проект любой сложности, не обладая знаниями (обучаясь на ходу, как я). Кто сомневался – не сомневайтесь, пробуйте, это самый освобождающий экспириенс 2025 года для меня. Я свободно решаю многие фронтенд-проблемы, с которыми не справляются настоящие фронты, без единого рубля, потраченного на обучение, и меньше чем за год.

Для коммуникации открыт, есть вопросы – обращайтесь. Есть много, что могу рассказать, делаться бесплатно – моя натура.

Спасибо за внимание 🤝